Lo único que necesitas hacer es concatenar. Por ejemplo:
Código javascript
:
Ver originalvar contenidoHTML = "<div class='bordeContactos'>";
contenidoHTML += "<img src='images/contact.png' width='41' height='41' class='imgFoto' />";
contenidoHTML += "<img src='images/miStDisponible.gif' class='estadoImagen' width='20' height='20' />";
contenidoHTML += "<span class='rotuloFoto'>" + nombre + "</span>";
contenidoHTML += "<span class='estadoFoto'> saliendo de la casa</span>";
contenidoHTML += "<table width='308' class='tablaDatos'>";
contenidoHTML += "<tr> <td><img src='images/servicios/telefonoVerde.gif' width='14' height='14' /></td>";
contenidoHTML += "<td>6111111</td> </tr> <tr> <td><img src='images/servicios/sms.gif' width='16' height='14' /></td>";
contenidoHTML += "<td>611445451</td> </tr> <tr> <td><img src='images/servicios/email.gif' alt='' width='20' height='14' /></td>";
contenidoHTML += "<td>juan[alt]tid[dot]es</td> </tr> <tr> <td><img src='images/servicios/chat.gif' alt='' width='17' height='17' /></td>";
contenidoHTML += "<td>No Disponible para chat</td> </tr> <tr> <td><img src='images/servicios/localizacion.gif' width='15' height='15' /></td>";
contenidoHTML += "<td>Disponible para localización</td> </tr> </table> </div>";