✔ Div ins innerHTML

U

Udem

Mitglied
Hey Leute,
ich bin noch ein Anfänger und wollte fragen, wie ich in diesen Bereich:

HTML: 
   document.getElementById("countdown").innerHTML = " ";
ein ganzen Html Code rein bekomme?

Ich habe es jetzt mal so versucht, aber es klappt nicht :/ :
HTML: 
<script type="text/javascript">
var counter = 10;
function countdown() {
  if (--counter > 0) {
    document.getElementById("countdown").innerHTML = counter;
    window.setTimeout(countdown, 1000);
  } else {
    document.getElementById("countdown").innerHTML = "
<div id="content" style="z-index:1; position: absolute; left: 15px; border: 1px solid; background-color:#ddf; padding: 2px;">
Geheilt!
 <a href="#" onclick="document.getElementById(\'content\').style.display=\'none\';"><img src="img/default_icons/actions/cancel.png"></a>
 </div>
    ";
  }
}
function startCountdown() {
  document.getElementById("countdown").innerHTML = counter;
  window.setTimeout(countdown, 1000);
}
</script>
</head>
<body onload="startCountdown();">
<div id="countdown"></div>

EDIT: Sorry, ich habs hinbekommen, der Fehler war einfach nur, dass ich Umbrüche gemacht habe ^.^ .

Aber gleich noch eine Frage. Wie kann ich machen ,dass er, wenn er beim else ist, eine if anweisung macht, aber mit PHP ?
 
Zuletzt bearbeitet:
Hi,

du darfs in einem String in Javascript keinen Zeilenumbruch haben. Also statt:
HTML: 
<script>
var htmlCode = 
"
<div>
    bla bla
</div>
";
</script>
so
HTML: 
<script>
var htmlCode = "<div>bla bla</div>";
</script>
oder so
HTML: 
<script>
var htmlCode = "<div>";
htmlCode += "bla bla";
htmlCode += "</div>";
</script>

Außerdem ist bei dir die Zeichenkette sowieso unterbrochen:
HTML: 
#falsch:
var html ="<div id="content" style="z-index:1; position: absolute...";
#richtig:
var html ="<div id='content' style='z-index:1; position: absolute...";
 
Zuletzt bearbeitet:
Hi,

und wenn du mit Umbrüchen arbeiten willst, die Zeilen mit einem Backslash abschliessen.
Code: 
var htmlCode =
"\
<div>\
    bla bla\
</div>\
";

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück