LinkBack URL
About LinkBacks
Zitierenaber der browser macht das schon richtig!
Hallo Traum-Projektler,
ich benötige wieder einmal Hilfe...
Ich habe nach langer Suche einen script gefunden, welches genau das ausrichtet,
was ich mir vorgestellt habe, und zwar eine Textausgabe im "Schreibmaschinenstil".
Ich bin nicht sehr fit in Sachen Javascript, und die Suche nach einer Problemlösung
hat mich nicht weitergebracht, weder im Internet, noch hier auf der Seite.
Dieses script soll den Text mit Zeilenumbrüchen ausgeben, und zwar jedesmal
an der Stelle, wo ein "<br>" eingegeben wurde. Das tut es allerdings nicht.
Wenn man sich die Demonstration auf der entsprechenden Seite ansieht,
funktioniert es dort aber:
http://www.dhtmlgoodies.com/index.ht...ipt=typewriter
bzw Demo: http://www.dhtmlgoodies.com/scripts/...ypewriter.html
Hier ist mein Quellcode:
......................................................................................................
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>aufstellung</title>
<style type="text/css">
body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
margin-top:0px;
background-repeat:no-repeat;
padding-top:10px;
}
#myContent, #myContent blink{
width:890px;
height:200px;
background:black;
color: #61f909;
font-family:courier;
}
blink{
display:inline;
}
</style>
<script type="text/javascript">
/************************************************************************************************************
(C) www.dhtmlgoodies.com, September 2005
This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.
Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.
Thank you!
www.dhtmlgoodies.com
Alf Magne Kalleland
************************************************************************************************************/
var charIndex = -1;
var stringLength = 0;
var inputText;
function writeContent(init){
if(init){
inputText = document.getElementById('contentToWrite').innerHTML;
}
if(charIndex==-1){
charIndex = 0;
stringLength = inputText.length;
}
var initString = document.getElementById('myContent').innerHTML;
initString = initString.replace(/<SPAN.*$/gi,"");
var theChar = inputText.charAt(charIndex);
var nextFourChars = inputText.substr(charIndex,4);
if(nextFourChars=='<BR>' || nextFourChars=='<br>'){
theChar = '<BR>';
charIndex+=3;
}
initString = initString + theChar + "<SPAN id='blink'>_</SPAN>";
document.getElementById('myContent').innerHTML = initString;
charIndex = charIndex/1 +1;
if(charIndex%2==1){
document.getElementById('blink').style.display='none';
}else{
document.getElementById('blink').style.display='inline';
}
if(charIndex<=stringLength){
setTimeout('writeContent(false)',70);
}else{
blinkSpan();
}
}
var currentStyle = 'inline';
function blinkSpan(){
if(currentStyle=='inline'){
currentStyle='none';
}else{
currentStyle='inline';
}
document.getElementById('blink').style.display = currentStyle;
setTimeout('blinkSpan()',500);
}
</script>
</head>
<body bgcolor="black">
<div id="myContent">
</div>
<div id="contentToWrite" style="display:none">
Gruppe 1:<br>
TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1<br>
TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1<br><br>
Gruppe 2:<br>
TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2<br>
TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2<br><br>
Gruppe 3:<br>
TEXT Absatz 3 - TEXT Absatz 3 - TEXT Absatz 3 - TEXT Absatz 3 - TEXT Absatz 3<br>
TEXT Absatz 3 - TEXT Absatz 3 - TEXT Absatz 3 - TEXT Absatz 3 - TEXT Absatz 3<br>
</div>
<script type="text/javascript">
writeContent(true);
</script>
</body>
</html>
......................................................................................................
Es soll demnach folgendermaßen dargestellt werden:
Gruppe 1:
TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1
TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1 - TEXT Absatz 1
Gruppe 2:
TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2
TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2 - TEXT Absatz 2 ... usw.
Ich hoffe, ich habe mich verständlich ausgedrückt...
Kann mir bitte jemand helfen?
Ich arbeite mit WIN XP Pro und GoLive CS2
Vielen Dank im Voraus!
Gruß Stefan
aber der browser macht das schon richtig!
computer tun nur das was man ihnen sagt, meistens
Bei mir gehts auch, schwarzer Hintergrund im kompletten Browserfenster und dann kommen die grünen Buchstaben.
Scheint doch zu gehen..vielleicht ein Browser Problem? Getestet mit IE7
Gruß
Matthias
ich schätze es ist nicht das browser-problem sondern wie im titel golive. die programme wie golive oder dw sind keine browser, haben zwar eine entwurfsansicht aber diese ist nicht 100%-ig.
computer tun nur das was man ihnen sagt, meistens
Hallo jayjay,Zitat von jayjay
ja, sehe ich auch gerade, und Du wirst lachen, in meinem Browser
(in diesem Falle Web-Viewer von FileMaker) funktioniert es jetzt auch...
Ich bin sprachlos...
DAS nenne ich mal schnelle Hilfe, man braucht das Problem nur hier
zu posten, und es löst sich von alleine...
Sorry für den Aufwand und Danke für die Hilfe!
Gruß (vom glücklichen, wenn auch ratlosen) Stefan
Matthias, auch Dir vielen Dank!
Gruß Stefan (der sich gerade schämt)
Achso, diese Ansicht ....dafür gibts ja "Vorschau in ...", alles andere wäre Quark.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
