Newsgroup: it.comp.lang.javascript
Titolo: Come vedere "cosa fa" il js ?

... ovvero leggere il codice HTML generato con interazioni JS.
Parlo di situazioni nelle quali si creano nodi oppure si usa innerHTML ecc.
C'è qualche tool che visualizza lo stao attuale della pagina?
Grazie mille
Marcello

 C'è qualche tool che visualizza lo stao attuale della pagina?
firefox + dom ispector?
-- 
§                ZeD                 §
§          Up da 35 minuti           §
§             03/05/2004             §
§ Ss. Filippo e Giacomo-S. Giovenale §

 Parlo di situazioni nelle quali si creano nodi oppure si usa innerHTML
ecc.
Guarda un po' qui, pero' nello stato attuale funziona solo in locale, in
alternativa devi modificare la funzione convertireUrl(str) (ma funzionerebbe
solo per i file del tuo dominio):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
<head>
<title>DOM Inspector</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
 text-align: center;
}
textarea {
 width: 90%;
 height: 200px;
}
iframe {
 height: 0px;
 visibility: hidden;
}
-->
</style>
<script type="text/JavaScript">
<!--
function convertireUrl(str)
{
 if(str)
  return 'file:///'+str.replace(/\\/g,'/');
 return 'about:blank';
}
function generaHtml()
{
 top['iframeNascosto'].location.href=
convertireUrl(document.forms[0].fileHtml.value);
}
function putHtml()
{
 if(top['iframeNascosto'].location.href!='about:blank'){
  var str=
top['iframeNascosto'].document.documentElement.innerHTML;
  str=str.replace(/&lt;/g,'<').replace(/&gt;/g,'>');
  document.forms[0].outPut.value=str;
 }
}
//-->
</script>
</head>
<body>
<form action="" method="get" onsubmit="return false"
onreset="top['iframeNascosto'].location.href='about:blank';return true">
  <p>
    <textarea id="outPut" name="outPut" rows="10" cols="50"
readonly="readonly"></textarea>
  </p>
  <p>
    <input id="fileHtml" name="fileHtml" type="file" />
  </p>
  <p>
    <input type="reset" value="Reset" />
    &nbsp;&nbsp; &nbsp;&nbsp;
    <input type="button" value="Genera l'HTML"
onclick="generaHtml()" />
  </p>
</form>
<iframe src="about:blank" id="iframeNascosto"
name="iframeNascosto" onload="putHtml()"></iframe>
</body>
</html>
PS :)
questo se usi IE, altrimenti se usi MZ e compagnia bella c'e' la voce DOM
Inspector sotto strumenti web e ti permette di vedere le pagine di tutti i
domini...

 C'è qualche tool che visualizza lo stao attuale della pagina?
Come ti e' stato detto, il DOM Inspector (Mozilla, Firefox..) e'
fenomenale. Hai una "radiografia" della pagina sotto ogni punto di vista.
In alternativa, ti basta visualizzare da qualche parte l'innerHTML del
documento. l'innerHTML e' proprio cio' che cerchi, infatti rispecchia
l'HTML gestito dal browser in quel momento (IE infatti, fa discrete
schifezze):
alert(document.documentElement.innerHTML);
NB
l'alert e' puramente d'esempio. Puoi "sparare" il contenuto in qualsiasi
cosa tu desideri, da una nuova finestra ad una textarea.
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
L'ingegnere non vive, funziona.

 fenomenale. Hai una "radiografia" della pagina sotto ogni punto di vista.
e Netscape 7, non dimentichiamo di citarlo :-)
-- 
Splendente in eta` acerba di passione
Rosso fiammante
Ma senza eta` matura
Marcia impostura

 e Netscape 7, non dimentichiamo di citarlo :-)
Giusto, pardon.. BTW, avevo messo i punti di sospensione. :)
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
Un computer e' fondamentalmente stupido.
Non fa cio' che vuoi che faccia, ma cio' che gli dici di fare.
Solo, e' uno stupido dannatamente veloce.