Accedere alla DOM HTML di un codice compreso tra tag script

**Metallica** · 08-09-2009, 13:21

Scusate per il titolo, mi esprimo meglio. Allora ho un documento HTML in cui un javascript (tramite jquery), effettua delle modifiche su del codice HTML contenuto nel body. Tutto funziona correttamente, ora però, ho la necessità di racchiudere tale codice in un tag script.

Racchiudendo tutto il codice nei tag script il javascript non può più accedervi e il risultato finale non è quello che vorrei. Come posso ingannare jquery in modo da funzionare cmq???

Saluti

**Xinod** · 08-09-2009, 13:53

e' solo una questione di tempi:
prima apporti le modifiche poi le fai valutare

**Metallica** · 08-09-2009, 15:12

Sì esatto, quello che mi serve in pratica è effettuare le modifiche di questo codice HTML e poi racchiuderlo tra i tag <script>. Ma come fare?

**Xinod** · 08-09-2009, 15:19

prima pensavo di aver capito, ora mi hai confuso
posta un esempio ridotto all' osso

**Metallica** · 08-09-2009, 15:38

codice:

<html>
   <head>
       <script>
          $(document).ready(function() {
              // inserisci il giusto nome al placeholder {nome}
          });
       </script>
   </head>
   <body>
       <div id="miodiv"> Ciao {nome} benveuto </div>
   </body>
</html>

Ecco un esempio ridotto all'osso. Quando il documento è caricato, il mio JS legge delle informazioni da uno stream json, e le mette al posto giusto all'interno del tag miodiv.

Questo funziona tranquillamente, la situazione si complica perché ho la necessità di "avvolgere" il div miodiv all'interno di un tag personalizzato e di uno script con tipo personalizzato. Ovvero deve diventare così:

codice:

<html>
   <head>
       <script>
          $(document).ready(function() {
              // inserisci il giusto nome al placeholder {nome}
          });
       </script>
   </head>
   <body>
       <mio:tag>
          <script type="miotipo">
               <div id="miodiv"> Ciao {nome} benveuto </div>
          </script>
       </mio:tag>
   </body>
</html>

Ma quando scrivo così, ho un errore javascript che mi informa di non aver trovato le giuste corrispondenze. Come risolvere?

Spero di essere stato più chiaro.

**Xinod** · 08-09-2009, 15:57

scusa ma questa

codice:

<html>
   <head>
       <script>
          $(document).ready(function() {
              // inserisci il giusto nome al placeholder {nome}
          });
       </script>
   </head>
   <body>
       <mio:tag>
          <script type="miotipo">
               <div id="miodiv"> Ciao {nome} benveuto </div>
          </script>
       </mio:tag>
   </body>
</html>

e' un' astrazione, il browser non lo puo' trattare cosi'
per far parte del DOM verra' tradotto in elementi gestibili

dopo, e qui lo sai tu quando questo json e' stato caricato ed opportunamente "tradotto", fai eseguire quanto prima facevi eseguire solo al ready()

**Metallica** · 08-09-2009, 16:07

Ecco appunto. Io avevo pensato di tenere tutto come nel primo codice, in questo modo viene correttamente modificato, successivamente, come ultima istruzione del document.ready avvolgo il tag miodiv con il tag e lo script personalizzati.
Funzionerebbe così?

**Xinod** · 08-09-2009, 16:56

potrebbe
ma se esegui quanto va eseguito sulla parte modificata nel callback dell' istruzione che carica i dati json escludi eventuali problemi di tempistica

**Metallica** · 08-09-2009, 17:39

Originariamente inviato da Xinod
potrebbe
ma se esegui quanto va eseguito sulla parte modificata nel callback dell' istruzione che carica i dati json escludi eventuali problemi di tempistica

Potresti spiegarti meglio, non ti seguo.

**Xinod** · 08-09-2009, 17:44

come carichi json?

Discussione: Accedere alla DOM HTML di un codice compreso tra tag script

Strumenti discussione

Ricerca discussione

Visualizza

Accedere alla DOM HTML di un codice compreso tra tag script

Permessi di invio