Questo sito utilizza cookies, anche di terze parti, per mostrare pubblicità e servizi in linea con il tuo account. Leggi l'informativa sui cookies.
Username: Password: oppure
Javascript - TAG CLOUD STATICO
Forum - Javascript - TAG CLOUD STATICO

Avatar
zottiman (Normal User)
Pro


Messaggi: 121
Iscritto: 06/07/2009

Segnala al moderatore
Postato alle 17:17
Mercoledì, 16/12/2009
devo creare un Tag Cloud statico, cioè, devo leggere i tag da un xml...
Ho scritto la prima versione, senza la lettura dall'xml, ma mettendo tutto in delle stringhe, ma sorge un problema.. non mi va l'innerHTML

Codice sorgente - presumibilmente Php

  1. var sNome = new Array("Progetto","Orientamento","Home");
  2. var sUrl  = new Array("progetto.html","orientamento.html","home.html");
  3. var sFont = new Array("Arial","Arial","Arial");
  4. var sSize = new Array("12","9","24");
  5. var sColor = new Array("blue","red","green");
  6.  
  7.  
  8. /*Variabili programma FISSE
  9. -----------------------------------------------------------------------------------*/
  10. var sString = "";
  11.  
  12. /*-----------------------------------------------------------------------------------*/
  13. Controllo();
  14.  
  15. function Controllo(){
  16.         if (sNome.length == sUrl.length && sNome.length == sFont.length && sNome.length == sSize.length && sNome.length == sColor.length){
  17.                 Start();
  18.                 }
  19.         else{
  20.                 alert("Errore inserimento TAG")
  21.                 }
  22.         }
  23.  
  24. function Start(){
  25.         for (var i=0; i<sNome.length ; i++){                            /*Creo codice HTML*/
  26.                         var sI = i + "";
  27.                         sString =       sString +                                                                              
  28.                                                 "<p onclick='Url(" + sI + ")' " +                                       /*richiemo la funz per il collegamento*/
  29.                                                 "style= '  font-family:" + sFont[i] + ";" +             /*imposto font*/
  30.                                                 "font-size:" + sSize[i] + ";" +                                         /*imposto grandezza*/
  31.                                                 "color:" + sColor[i] + ";" + "'>" +                                     /*imposto colore*/
  32.                                                 sNome[i] +                                                                                      /*nome del p*/
  33.                                                 "</p> &nbsp";
  34.                 }
  35.                 alert(sString);
  36.                 View(sString);          /*Visualizzo il codice nel div*/
  37.         }
  38.        
  39. function View(view){document.getElementById("dCloud").innerHTML= view;}         /*Visualizzo il codice nel div*/
  40. function Url(url){              /*faccio il collegamento al link*/
  41.         url = url * 1;
  42.         url = sUrl;
  43.         location.href = url;
  44.         }



dovrei far si che i nomi che ci sono nelle stringhe

Codice sorgente - presumibilmente Php

  1. var sNome = new Array("Progetto","Orientamento","Home");
  2. var sUrl  = new Array("progetto.html","orientamento.html","home.html");
  3. var sFont = new Array("Arial","Arial","Arial");
  4. var sSize = new Array("12","9","24");
  5. var sColor = new Array("blue","red","green");



vengano lette da un xml che pensavo di strutturare così:
Codice sorgente - presumibilmente Plain Text

  1. <Cloud>
  2.      <Nome>"Progetto"</Nome>
  3.      <Url>"progetto.html"</Url>
  4.      <Font>"Arial"</Font>
  5.      <Size>"12"</Size>
  6.      <Color>"red"</Color>
  7. </Cloud>
  8. <Cloud>
  9.      <Nome>"Orientamento"</Nome>
  10.      <Url>"orientamento.html"</Url>
  11.      <Font>"Arial"</Font>
  12.      <Size>"9"</Size>
  13.      <Color>"green"</Color>
  14. </Cloud>
  15. <Cloud>
  16.      <Nome>"Home"</Nome>
  17.      <Url>"home.html"</Url>
  18.      <Font>"Arial"</Font>
  19.      <Size>"24"</Size>
  20.      <Color>"green"</Color>
  21. </Cloud>
  22.  
  23. ....





A.A.A. vendo server HP 360DL 2x2,8 gHz 8gb ram 2x36gb hd

www.ourspc.it
in arrivo --> www.schooldesk.it  

Coltiva Linux... che Winzoz si impianta da solo.. (ahahah)
PM Quote