Scrivere l'html

  • Creatore Discussione Creatore Discussione Bubbi
  • Data di inizio Data di inizio

Bubbi

Nuovo Utente
21 Set 2006
19
0
0
Ciao a tutti.
Sto cercando di fare una piccola modifica ad uno script che mi crea i link di condivisione ai social network.
Lo script scrive il codice html nella pagina con document.write, quindi riesco a posizionare il codice creato dallo script con il css in modo assoluto.
Io invece vorrei posizionare il codice così creato in un punto specifico della mia pagina e perciò avevo pensato di richiamarlo in un div segnaposto, del tipo:
HTML:
<html>
<body onLoad="scrivi();">
<div id="segnaposto"></div>
</body>
</html>
e poi scrivere nella pagina così:
Codice:
<script type="text/javascript">
function scrivi() {
var div = document.getElementById("segnaposto");
div.innerHTML = "<table><tr><td><strong><em>creo l'html</em></strong></td></tr></table>";
}
</script>

Solo che nello script originale c'è anche un ciclo for e non so come integrarlo con il resto..
Questo è la parte dello script originale:
Codice:
...
document.write("<table class='tabellaSCSP'><tr>");
document.write("<td  class=\"tdspaziatore\"></td>");
document.write("<td valign=\"middle\" align=\"center\" class=\"colonnaSCSP\"><a href=\"javascript:window.print()\"><img title=\"Stampa la pagina\" border='0' src='" + UrlPublicSP +"print.png'></a></td>");
document.write("<td valign=\"middle\" align=\"center\" class=\"colonnaSCSP\"><a href=\"mailto:?subject=Questo%20sito%20potrebbe%20interessarti\"><img title=\"Spedisci ad un amico\" border='0' src='" + UrlPublicSP +"email.png'></a></td>");
document.write("<td valign=\"middle\" align=\"center\">|</td>");
curColonnaSP = 0;
for (i=0;i<serviziCondivisioneSVC.length;i++)
{
	document.write("<td valign=\"middle\" align=\"center\" class=\"colonnaSCSP\"><a href=\"javascript:apriSCSP('" + i + "')\"><img title=\"" + serviziCondivisioneSVC[i] + "\" border='0' src='" + UrlPublicSP + serviziCondivisioneICO[i] + "'></a></td>");
	curColonnaSP = curColonnaSP + 1;
	if (curColonnaSP == maxColonneSP && i < serviziCondivisioneSVC.length-1)
	{
		document.write("</tr><tr>");
		curColonnaSP = 0;
	}
	
	
}

if (curColonnaSP < maxColonneSP)
{

	for (m=curColonnaSP;m<maxColonneSP;m++)
	{
		document.write("<td class=\"colonnaMSP\"></td>");
	}
}


document.write("<td  class=\"colonnaTitoloSCSP\">" + NomeLinkSP +"</td>");
document.write("</tr></table>");

Io fin qui sono riuscita a farlo funzionare:
Codice:
...
var div = document.getElementById("segnaposto");
div.innerHTML = "<table class='tabellaSCSP'><tr><td  class=\"tdspaziatore\"></td><td valign=\"middle\" align=\"center\" class=\"colonnaSCSP\"><a href=\"javascript:window.print()\"><img title=\"Stampa la pagina\" border='0' src='" + UrlPublicSP +"print.png'></a></td><td valign=\"middle\" align=\"center\" class=\"colonnaSCSP\"><a href=\"mailto:?subject=Questo%20sito%20potrebbe%20interessarti\"><img title=\"Spedisci ad un amico\" border='0' src='" + UrlPublicSP +"email.png'></a></td><td valign=\"middle\" align=\"center\">|</td>QUI CI VA INSERITO IL CICLO FOR<td  class=\"colonnaTitoloSCSP\">" + NomeLinkSP +"</td></tr></table>";
Ma il ciclo for non so come integrarlo.
Qualcuno mi può dare una dritta??
 
Ho risolto così:

Codice:
<html>
<body onLoad="scrivi();">
<div id="segnaposto"></div>
</body>
</html>

e per lo script:

function scrivi() {
var div = document.getElementById("segnaposto");
CodHtml = "<table class='tabellaSCSP'><tr>";
CodHtml += "<td  class=\"tdspaziatore\"><img src=\"img/spaziatore.gif\" border='0' width=\"20\" height=\"20\"></td><td valign=\"middle\" align=\"center\" class=\"colonnaSCSP\"><a href=\"javascript:window.print()\"><img title=\"Stampa la pagina\" border='0' src='" + UrlPublicSP +"print.png'></a></td><td valign=\"middle\" align=\"center\" class=\"colonnaSCSP\"><a href=\"mailto:?subject=Questo%20sito%20potrebbe%20interessarti\"><img title=\"Spedisci ad un amico\" border='0' src='" + UrlPublicSP +"email.png'></a></td><td valign=\"middle\" align=\"center\">|</td>";


curColonnaSP = 0;
for (i=0;i<serviziCondivisioneSVC.length;i++)
{
	CodHtml += "<td valign=\"middle\" align=\"center\" class=\"colonnaSCSP\"><a href=\"javascript:apriSCSP('" + i + "')\"><img title=\"" + serviziCondivisioneSVC[i] + "\" border='0' src='" + UrlPublicSP + serviziCondivisioneICO[i] + "'></a></td>";
	curColonnaSP = curColonnaSP + 1;
	if (curColonnaSP == maxColonneSP && i < serviziCondivisioneSVC.length-1)
	{
		CodHtml  +="</tr><tr>"
		curColonnaSP = 0;
	}
}

CodHtml +="<td class=\"colonnaTitoloSCSP\">" + NomeLinkSP +"</td>";
CodHtml +="</tr></table>";
div.innerHTML=CodHtml;
}

:dormo:
 

Discussioni simili