Error: unterminated string literal

[hipozulia]

Error: unterminated string literal
este es el codigo
me calga loco Si me puede ayudar

htmlString += '<div id="hiddenresult" style="display:none;">\
<div class="result">\
<div id="container-portada">\
<div class="portada">\
<div class="portada-header">\
<span class="date">'+pos.pubDate+'</span>\
<h4 class="autores">'+pos.title+'</h4>\
</div>\
<img src="http://xxxxxxx/img/posts/'+id+'.jpg" />\
<p>'+pos.description+'</p>\
<div class="portada-footer">\
<ul>\
<li><a href="'+pos.link+'" target="_blank">Lee más</a></li>\
</ul>\
</div>\
</div>\
</div>\
</div>\
</div>';
<div id="Pagination" class="pagination"></div>\
<br style="clear:both;" />\
<div id="Searchresult"></div>;

[maycolalvarez]

debes de cuidar muy bien la sintaxis y escapar los caracteres especiales:

Código Javascript:

htmlString += '<div id="hiddenresult" style="display:none;">\\<div class="result">\\<div id="container-portada">\\<div class="portada">\\<div class="portada-header">\\<span class="date">'+pos.pubDate+'</span>\\<h4 class="autores">'+pos.title+'</h4>\\</div>\\<img src="http://xxxxxxx/img/posts/'+id+'.jpg" />\\<p>'+pos.description+'</p>\\<div class="portada-footer">\\<ul>\\<li><a href="'+pos.link+'" target="_blank">Lee más</a></li>\\</ul>\\</div>\\</div>\\</div>\\</div>\\</div><div id="Pagination" class="pagination"></div>\\<br style="clear:both;" />\\<div id="Searchresult"></div>';
 

[_cronos2]

Hola @maycolalvarez, creo que la \ no la está usando como carácter literal, sino para indicar que el string no contiene saltos de línea en realidad, porque así es más fácil escribir el código. De todas maneras te falta por cerrar el string al final con '.
Saludos (:

[zerokilled]

@maycol,
el caracter de escape (\) en este caso es para escapar la nueva linea o el retorno de carro. o sea, es una forma que nos permite escribir un string en multiples lineas, evitando asi las horrorosas multiples lineas de concatenacion de variables. el error, a mi parecer, es que al final de las lineas tiene un espacio [o sea, despues del caracter \] tiene un espacio el cual no debe ir.

[_cronos2]

A mí no me sale que después de la barra haya un espacio ¿Será Chrome? Me parece muy extraño.
Saludos (:

[zerokilled]

el espacio me aparece al copiar el string desde el codigo provisto por el autor. y si, eventualmente estoy usando chrome.

Código:

'<div id="hiddenresult" style="display:none;">\
<div class="result">\
<div id="container-portada">\ // espacio luego de \
<div class="portada">\
<div class="portada-header">\
<span class="date">'+pos.pubDate+'</span>\
<h4 class="autores">'+pos.title+'</h4>\
</div>\ // espacio luego de \
<img src="http://xxxxxxx/img/posts/'+id+'.jpg" />\
<p>'+pos.description+'</p>\
<div class="portada-footer">\
<ul>\
<li><a href="'+pos.link+'" target="_blank">Lee más</a></li>\
</ul>\
</div>\
</div>\
</div>\
</div>\
</div>';

edit: que bien! estaba revisando como firefox muestra el codigo y al final de las lineas indicadas no existe dicho espacio. por eso siempre insisto que al pegar codigo fuente se utilicen las benditas etiquetas bbcode. en iexplorer8 me muestra los espacios.

[_cronos2]

Por eso lo dije, porque me sonaba que tú solías usar Chrome. Sin embargo si lo copio yo siguen sin salirme espacios Ó.ò :

<div class="result">\
<div id="container-portada">\
<div class="portada">\
<div class="portada-header">\
<span class="date">'+pos.pubDate+'</span>\
<h4 class="autores">'+pos.title+'</h4>\
</div>\
<img src="http://xxxxxxx/img/posts/'+id+'.jpg" />\
<p>'+pos.description+'</p>\
<div class="portada-footer">\
<ul>\
<li><a href="'+pos.link+'" target="_blank">Lee más</a></li>\
</ul>\
</div>\
</div>\
</div>\
</div>\
</div>';
<div id="Pagination" class="pagination"></div>\
<br style="clear:both;" />\
<div id="Searchresult"></div>;

Ok, ahora acabo de comprobar que sí sale en el /div después de pos.title (sólo al pegar, después en la cita no salen espacios), pero en #container-portada no...
Saludos :D