introducir valor variable javascript en html modalbox

[klomp]

Buenas,

Hay alguna manera de mostrar el valor de una variable javascript en medio de un html??

Me explico, tengo esta función

Código:

		
function muestraModalBoxContact(nombre, telefono){
			showLogin = true;
			var contenidoHTML = "<div class='bordeContactos'><img src='images/contact.png' width='41' height='41' class='imgFoto' /><img src='images/miStDisponible.gif' class='estadoImagen' width='20' height='20' /> <span class='rotuloFoto'> </span> <span class='estadoFoto'> saliendo de la casa</span> <table width='308'  class='tablaDatos'> <tr> <td><img src='images/servicios/telefonoVerde.gif' width='14' height='14' /></td> <td>6111111</td> </tr> <tr> <td><img src='images/servicios/sms.gif' width='16' height='14' /></td> <td>611445451</td> </tr> <tr> <td><img src='images/servicios/email.gif' alt='' width='20' height='14' /></td> <td>juan[alt]tid[dot]es</td> </tr> <tr> <td><img src='images/servicios/chat.gif' alt='' width='17' height='17' /></td> <td>No Disponible para chat</td> </tr> <tr> <td><img src='images/servicios/localizacion.gif' width='15' height='15' /></td> <td>Disponible para localización</td> </tr> </table> </div>";
		  
			Modalbox.show(contenidoHTML, {afterHide:function(){showlogin=false;},title: "<div style='color:#444;'><U>Información de contacto</U></div>", width: 340, autoFocusing: false, overlayOpacity:.50,}); 
		  
		}

Que lo que hace es mostrar unos campos nombre, telefono... dentro de un modalbox, el problema es que necesito que los valores que se muestren los reciba la función como parámetros.

En este caso por ejemplo el nombre debería ir en el span 'rotuloFoto'

Alguien conoce algun modo??

Gracias.
Un saludo.

[David]

Lo único que necesitas hacer es concatenar. Por ejemplo:

Código javascript:

var 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>";
 

[klomp]

Iniciado por David el Grande

Lo único que necesitas hacer es concatenar. Por ejemplo:

Código javascript:

var 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>";
 

Perfecto, muchas gracias!!