Variable mit strukturiertem Markup?

[Dustin84]

Hallo,

in meiner Variable html soll strukturiertes HTML stehen (ist halt übersichtlicher), doch leider zeigt mir Dreamweaver CS 6 einen Fehler an. Bei "<hgroup class="small"> \ "

Hier meine Variable:

var html = ' \
          <div class="innerbox clearfix btm-border"> \
            <div class="boxleft"> \
              <figure><a href="#"><img width="50" alt="" src="../img/platzhalter/pdf-icon-50x60.jpg"></a></figure> \
              <div class="bigboxleft"> \
                <hgroup class="small"> \                
                  <h3>Synopse zum niedersächsischen Kerncurriculum für die Grundschule <small>(Download)</small></h3> \
                  <h4>Optional steht hier ein Untertitel</h4> \
                </hgroup> \
                <div class="toggle-container"> \
                  <strong>Fach</strong>: XY<br> \
                  <strong>Klasse</strong>: XY<br> \
                  <strong>Thema</strong>: XY<br> \
                  <strong>Differenzierung</strong>: XY \
                  <strong><br>Dateityp</strong>: PDF<br> \
                  <strong>Dateigröße</strong>: 5,4 MB<br> \
                  <strong>Seitenanzahl</strong>: 98 \
                </div> \
                <div><a class="btn-togglebox ico-plus-l-small" href="#">Weitere Informationen anzeigen</a></div> \
              </div> \
            </div> \  
            <div class="boxright"> \
              <div class="preis">Kostenlos</div> \
              <p><a target="_blank" href="http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.de/de/de/webmasters/docs/einfuehrung-in-suchmaschinenoptimierung.pdf" class="no-decoration button">Jetzt herunterladen</a></p> \
            </div> \
          </div> \
';

Ich verstehe nicht ganz, wo da der Fehler sein soll.

Gruß
D.

 

[tombe]

Wird irgendeine Fehlermeldung angezeigt oder nur einfach "Fehler"?

Vielleicht ist es auch nur ein Hinweis das hgroup nicht von allen bei dir hinterlegten Browsern unterstützt wird.

 

[Dustin84]

Naja, Dreamweaver sagt, es sei ein Synthaxfehler. (Das Script funktionierte auch nicht mehr)

Wie dem auch sei, ich habs jetzt so fgemacht:

				var html = '<div class="innerbox clearfix btm-border">';
					 html += 	'<div class="boxleft">';
					 html += 		'<figure><a href="#"><img width="50" alt="" src="../img/platzhalter/pdf-icon-50x60.jpg"></a></figure>';
					 html += 		'<div class="bigboxleft">';
					 html += 			'<hgroup class="small">';
					 html += 				'<h3>'+val['title']+'</h3>';
					 html += 				'<h4>'+val['subtitle']+'</h4>';
					 html += 			'</hgroup>';
					 html += 			'<div class="toggle-container">';
					 html += 				'<strong>Fach</strong>: XY<br>';
					 html += 				'<strong>Klasse</strong>: XY<br>';
					 html += 				'<strong>Thema</strong>: XY<br>';
					 html += 			'</div>';
					 html += 			'<div><a class="btn-togglebox ico-plus-l-small" href="#">Weitere Informationen anzeigen</a></div>';
					 html += 		'</div>';
					 html += 	'</div>';
					 html += 	'<div class="boxright">';
					 html += 		'<div class="preis">Kostenlos</div>';
					 html += 		'<p><a target="_blank" href="http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.de/de/de/webmasters/docs/einfuehrung-in-suchmaschinenoptimierung.pdf" class="no-decoration button">Jetzt herunterladen</a></p>';
					 html += 	'</div>';
					 html += '</div>';

Das funktioniert soweit, nur im IE8 und IE7 wird das markup falsch zusammengesetzt.