Auto Typing script aanpassen

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
Gebruikersavatar
OmkePom
Berichten: 545
Lid geworden op: 04 mei 2010, 14:32
Contacteer:

Auto Typing script aanpassen

Bericht door OmkePom » 19 jan 2014, 13:37

Adres van je forum: http://www.film-test.nl
Event. modificaties op je forum: Meerdere waaronder Ajax. Chat, NewsPage en Reimg
Wanneer ontstond het probleem? nvt
phpBB versie: phpBB 3.12 Style aangepaste ProFormell

Ik wil graag het volgende script aanpassen,

Code: Selecteer alles

<form name="news">
<textarea name="news2" cols=40 rows=4 wrap=virtual></textarea>
</form>
<script language="javascript" type="text/javascript">

document.news.news2.style.background = 'transparent'; font-size:20px;
document.news.news2.style.color = 'red'; 
var newsText = new Array();
newsText[0] = "Hier wil ik mijn tekst hoofd, Titel";
newsText[1] = "Zo nu en dan wil ik een regel overslaan";
newsText[2] = "De tekst moet regel voor regel verschijnen";
newsText[3] = "tekst schuift regel voor regel omhoog";
newsText[4] = "zonder border zichtbaar"

var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)
var tspeed = 50;   // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds

// ------------- NO EDITING AFTER THIS LINE ------------- \\
var dwAText, cnews=0, eline=0, cchar=0, mxText;

function doNews() {
  mxText = newsText.length - 1;
  dwAText = newsText[cnews];
  setTimeout("addChar()",1000)
}
function addNews() {
  cnews += 1;
  if (cnews <= mxText) {
    dwAText = newsText[cnews];
    if (dwAText.length != 0) {
      document.news.news2.value = "";
      eline = 0;
      setTimeout("addChar()",tspeed)
    }
  }
}
function addChar() {
  if (eline!=1) {
    if (cchar != dwAText.length) {
      nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
      document.news.news2.value = nmttxt;
      cchar += 1;
      if (cchar != dwAText.length) document.news.news2.value += "_";
    } else {
      cchar = 0;
      eline = 1;
    }
    if (mxText==cnews && eline!=0 && ttloop!=0) {
      cnews = 0; setTimeout("addNews()",tdelay);
    } else setTimeout("addChar()",tspeed);
  } else {
    setTimeout("addNews()",tdelay)
  }
}

doNews()
</script>
1. De grote van de Tekst? (kleur is al gelukt)
3. Niet in een BOX of BOX geheel niet zichtbaar en afmetingen instelbaar?
Ik heb van alles al geprobeerd, de achtergrond heb ik al transparant gekregen De rest lukt maar niet?

BVD :geek:
Verplaatst van 3.0 support
- PhilipvD
Afbeelding

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Auto Typing script aanpassen

Bericht door Theriddler » 20 jan 2014, 18:53

en als je elke style regel allemaal apart doet ?

Code: Selecteer alles

document.news.news2.style.background = 'transparent'; 
document.news.news2.style.font-size = '20px';
document.news.news2.style.color = 'red';
document.news.news2.style.border-style = 'none';
document.news.news2.style.border-color = Transparent';
document.news.news2.style.overflow = 'auto';
document.news.news2.style.outline = 'none';
kan het helaas niet testen maar gok zoiets of heb je dat al geprobeerd ?

Gebruikersavatar
OmkePom
Berichten: 545
Lid geworden op: 04 mei 2010, 14:32
Contacteer:

Re: Auto Typing script aanpassen

Bericht door OmkePom » 21 jan 2014, 10:42

Helaas het werkt totaal niet.

Alleen deze 2 werken,

Code: Selecteer alles

document.news.news2.style.background = 'transparent';
document.news.news2.style.color = 'white';
Heb een simpeler script gevonden,

Code: Selecteer alles

<script type="text/javascript" src="TypingText.js"></script>

<p id="example1">This text has a <b>slashing cursor</b> at the end. <br />And this is on a new line, thanks to the <br> tag.</p>

<script type="text/javascript">

//Define typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example1"), 100, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });

//Type out examples:
TypingText.runAll();
</script>
Deze is gemakkelijk aan te passen en zit niet in een BOX.

Maar deze doet het maar 1x, is deze ook op herhaaling te zetten :ugeek: ?
Afbeelding

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: Auto Typing script aanpassen

Bericht door Theriddler » 23 jan 2014, 00:58

misschien is jquery nog een optie?

http://www.jqueryscript.net/demo/Animat ... -typer-js/

http://bit.ly/1aK8Nwg

maargoed aangezien dit niet over phpbb software gaat ,ben ik bang dat het hier op houd.
hopenlijk heb ik je toch een duwtje in de goede richting gegeven.

Gebruikersavatar
OmkePom
Berichten: 545
Lid geworden op: 04 mei 2010, 14:32
Contacteer:

Re: Auto Typing script aanpassen

Bericht door OmkePom » 25 jan 2014, 13:33

Bovengenoemde is dus jquery, maar IE heeft problemen met dat script.

Sry wist niet dat dit niks met php van doen heeft. voor mij is alles HTML en dat zie ik in PHP terugkomen :D

THX ik ben redelijk tevreden met het tot nu toe aangeboden hulp. Kan hiermee wel uit te voeten.
Afbeelding

Plaats reactie