Pagina 1 van 1

Auto Typing script aanpassen

Geplaatst: 19 jan 2014, 13:37
door OmkePom
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

Re: Auto Typing script aanpassen

Geplaatst: 20 jan 2014, 18:53
door Theriddler
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 ?

Re: Auto Typing script aanpassen

Geplaatst: 21 jan 2014, 10:42
door OmkePom
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: ?

Re: Auto Typing script aanpassen

Geplaatst: 23 jan 2014, 00:58
door Theriddler
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.

Re: Auto Typing script aanpassen

Geplaatst: 25 jan 2014, 13:33
door OmkePom
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.