Convertire in Javascript

[Black_Beard]

Ciao a tutti, scusate ma ho cominciato da poco con il javascript e non sono ancora molto pratico....esiste il modo di convertire il seguente codice in javascript cosicchè lo inserisco nella mia pagina html solo richiamandolo ??????

<div class="dock-container2">
  <span>Home</span>[img]images/home.png[/img] 
  <span>Contact</span>[img]images/email.png[/img] 
  <span>Portfolio</span>[img]images/portfolio.png[/img] 
  <span>Music</span>[img]images/music.png[/img] 
  <span>Video</span>[img]images/video.png[/img] 
  <span>History</span>[img]images/history.png[/img] 
  <span>Calendar</span>[img]images/calendar.png[/img] 
  <span>Links</span>[img]images/link.png[/img] 
  <span>RSS</span>[img]images/rss.png[/img] 
  <span>RSS2</span>[img]images/rss2.png[/img] 
  </div>

[carlomarx]

Ti conviene settare display: none nel css e trasformarlo in display: block via javascript all'occorrenza.
Vedi se questo ti può essere utile...: http://forum.html.it/forum/showthrea...readid=1508692

[br1]

Originariamente inviato da carlomarx
Ti conviene settare display: none nel css e trasformarlo in display: block via javascript all'occorrenza.
Vedi se questo ti può essere utile...: http://forum.html.it/forum/showthrea...readid=1508692

Ma sono solo io che non vedo il nesso?

[carlomarx]

@br1
Se ti riferisci al link, quella discussione serve a fargli capire che display: block; lo può settare via css "al volo" anche senza javascript...

[br1]

Originariamente inviato da carlomarx
@br1
Se ti riferisci al link, quella discussione serve a fargli capire che display: block; lo può settare via css "al volo" anche senza javascript...

Ah. E che c'azzecca con la sua domanda?

Forse cercava qualcosa di simile: http://download.html.it/software/ved...ml2javascript/

[carlomarx]

Originariamente inviato da br1
Ah. E che c'azzecca con la sua domanda?

Forse cercava qualcosa di simile: http://download.html.it/software/ved...ml2javascript/

Ok, traduco. La risposta che gli ho dato è: piuttosto che salvarti una variabile javascript contenente una stringa tanto lunga, da inserire all'occorrenza in un innerHTML di un elemento, lascialo in HTML e impostagli un display: none da convertire all'occorrenza in display: block. È più chiaro adesso?

[carlomarx]

@Black_Beard
Poi, se proprio vuoi convertire tutta quella roba in stringa javascript, esiste un metodo veloce veloce. Creati un documento HTML con due textarea, nella prima ci incolli il codice che ti serve, dopodiché lanci un codice come questo:

document.tuoForm.secondaTextarea.value = JSON.stringify(document.tuoForm.primaTextarea.value);

E la magia è servita

[Black_Beard]

Allora, per esempio io ho provato a scaricare questo menu javascript......
utilizzando il programma che mi avete postato ho convertito questo:

<div class="dock" id="dock2">
  <div class="dock-container2">
  <span>Home</span>[img]images/home.png[/img] 
  <span>Contact</span>[img]images/email.png[/img] 
  <span>Portfolio</span>[img]images/portfolio.png[/img] 
  <span>Music</span>[img]images/music.png[/img] 
  <span>Video</span>[img]images/video.png[/img] 
  <span>History</span>[img]images/history.png[/img] 
  <span>Calendar</span>[img]images/calendar.png[/img] 
  <span>Links</span>[img]images/link.png[/img] 
  <span>RSS</span>[img]images/rss.png[/img] 
  <span>RSS2</span>[img]images/rss2.png[/img] 
  </div>
</div>

CON QUESTO :

document.write('<div class="dock" id="dock2"> ');
document.write('  <div class="dock-container2"> ');
document.write('  <span>Home</span>[img]images/home.png[/img]  ');
document.write('  <span>Contact</span>[img]images/email.png[/img]  ');
document.write('  <span>Portfolio</span>[img]images/portfolio.png[/img]  ');
document.write('  <span>Music</span>[img]images/music.png[/img]  ');
document.write('  <span>Video</span>[img]images/video.png[/img]  ');
document.write('  <span>History</span>[img]images/history.png[/img]  ');
document.write('  <span>Calendar</span>[img]images/calendar.png[/img]  ');
document.write('  <span>Links</span>[img]images/link.png[/img]  ');
document.write('  <span>RSS</span>[img]images/rss.png[/img]  ');
document.write('  <span>RSS2</span>[img]images/rss2.png[/img]  ');
document.write('  </div> ');
document.write('</div> ');

L'ho messo in un file javascript esterno e poi lo richiamato nel index.html...solo che non funziona...sapreste dirmi il perchè, cioè io vorrei avere un appa javascript (compresi i link) da richiamare in ogni pagina, in modo che se un giorno voglio cambiarla si cambia in tutte...

Grazie in anticipo

Se volete eccovi il download del mio file: http://www.mediafire.com/?ycjsi9lmtf11ql7

[Black_Beard]

Scusate la mia stupidità ma ho dimenticato di darvi il link del menu di partenza:
http://javascript.html.it/script/ved...nu-stile-dock/
grazie

[RoTeam]

Originariamente inviato da Black_Beard
Allora, per esempio io ho provato a scaricare questo menu javascript......
utilizzando il programma che mi avete postato ho convertito questo:

<div class="dock" id="dock2">
  <div class="dock-container2">
  <span>Home</span>[img]images/home.png[/img] 
  <span>Contact</span>[img]images/email.png[/img] 
  <span>Portfolio</span>[img]images/portfolio.png[/img] 
  <span>Music</span>[img]images/music.png[/img] 
  <span>Video</span>[img]images/video.png[/img] 
  <span>History</span>[img]images/history.png[/img] 
  <span>Calendar</span>[img]images/calendar.png[/img] 
  <span>Links</span>[img]images/link.png[/img] 
  <span>RSS</span>[img]images/rss.png[/img] 
  <span>RSS2</span>[img]images/rss2.png[/img] 
  </div>
</div>

CON QUESTO :

document.write('<div class="dock" id="dock2"> ');
document.write('  <div class="dock-container2"> ');
document.write('  <span>Home</span>[img]images/home.png[/img]  ');
document.write('  <span>Contact</span>[img]images/email.png[/img]  ');
document.write('  <span>Portfolio</span>[img]images/portfolio.png[/img]  ');
document.write('  <span>Music</span>[img]images/music.png[/img]  ');
document.write('  <span>Video</span>[img]images/video.png[/img]  ');
document.write('  <span>History</span>[img]images/history.png[/img]  ');
document.write('  <span>Calendar</span>[img]images/calendar.png[/img]  ');
document.write('  <span>Links</span>[img]images/link.png[/img]  ');
document.write('  <span>RSS</span>[img]images/rss.png[/img]  ');
document.write('  <span>RSS2</span>[img]images/rss2.png[/img]  ');
document.write('  </div> ');
document.write('</div> ');

L'ho messo in un file javascript esterno e poi lo richiamato nel index.html...solo che non funziona...sapreste dirmi il perchè, cioè io vorrei avere un appa javascript (compresi i link) da richiamare in ogni pagina, in modo che se un giorno voglio cambiarla si cambia in tutte...

Grazie in anticipo

Se volete eccovi il download del mio file: http://www.mediafire.com/?ycjsi9lmtf11ql7

Se non erro ogni volta si sovrascrive la scrittura perciò stamperà solo </div>
dovresti mettere tutto quanto dentro ad un unico document.write()