chiarimenti su javascript richiamato da file

[aquatimer2000]

Ciao a tutti, nel file index del mio sito, richiamo un file javascript che contiene delle istruzioni.

<script src="js/mioJavascript.js" type="text/javascript"></script>

all'interno di questo file ho scritto una parte di codice, che mi sostituisce il contenuto di un <div> con il contenuto html letto da un file.

...
var nomeFile = "dialog/test.htm";
$.get(nomeFile, function(data) {
$("#mioDiv").html(data);
});

...

E fino a qui funziona tutto bene.

Ora, all'interno del mio file javascript ho altri script che dovrebbero interagire con il contenuto del file caricato da "dialog/test.htm" (Es. eventi su button ecc.. ) .. ma non funzionano.

Ho provato anche delle istruzioni semplici semplici .. tel tipo .. su click del bottone di aprire un alert, ma non ottengo risultati.

Come posso risolvere questa situazione?
Qual'è il modo corretto per poter utilizzare il codice javascript scritto nel mio unico file?
Richiamare lo stesso anche su "dialog/test.htm"?

Grazie a tutti per l'aiuto!

[fcaldera]

1) il file dialog/test.html cosa contiene di preciso? Solo un frammento di html oppure è una pagina completa di doctype, header, etc? (e in quest'ultimo caso devi inserire tutto?)

2) nello script quand'è che aggiungi gli eventi sugli elementi contenuti in quel file?
A meno che tu non stia usando l'event delegation su #mioDiv (o suoi ancestors) puoi settare un handler su elementi specifici solo dopo che la chiamata ajax è andata buon fine e hai inserito il markup in pagina, visto che fino ad allora non sono presenti nel dom

[aquatimer2000]

1) il file dialog/test.html cosa contiene di preciso? Solo un frammento di html oppure è una pagina completa di doctype, header, etc? (e in quest'ultimo caso devi inserire tutto?)

Solo un frammento di html, tipo una form?! oppure una tabella di riepilogo dati ecc?

2) nello script quand'è che aggiungi gli eventi sugli elementi contenuti in quel file?
A meno che tu non stia usando l'event delegation su #mioDiv (o suoi ancestors) puoi settare un handler su elementi specifici solo dopo che la chiamata ajax è andata buon fine e hai inserito il markup in pagina, visto che fino ad allora non sono presenti nel dom

purtroppo non ti ho capito bene, con javascript sono proprio digiuno, comunque in linea di massimo il mio javascript è fatto così:

$(document).ready(function() {

$(document).on("click","#button1",function (){
/*apro sostituisco il contenuto del div come indicato in precedenza*/
});

$(document).on("click","#button2",function (){
/*vorrei aprire un alert dal botton caricato con sostituzione di html di cui sopra*/
});

});

[fcaldera]

in quale pagina si trova quel pezzo di script?

[aquatimer2000]

in quale pagina si trova quel pezzo di script?

si trova nel file "js/mioJavascript.js", che richiamo nel file index.php con <script src="js/mioJavascript.js" type="text/javascript"></script>

[aquatimer2000]

in quale pagina si trova quel pezzo di script?

si trova nel file "js/mioJavascript.js", che richiamo nel file index.php con <script src="js/mioJavascript.js" type="text/javascript"></script>

piccolo riepilogo:

in index.php tra tutto l'html c'è anche un bottone #button1 ed un div #mioDiv
sempre in index.php carico <script src="js/mioJavascript.js" type="text/javascript"></script>

cliccando #button1 sostituisco il contenuto di #mioDiv con il contenuto di "dialog/test.htm" (in cui c'è anche #button2)

E fin qui tutto ok.

Ora, premendo #button2 vorrei .. che ne so.. aprire un allert o comunque sia compiere delle azioni (che ne so.. leggere un attributo .. boh ..). Invece ora come ora, è come il #botton2 non esistesse, cioè come quando carico index.php la prima volta.

[aquatimer2000]

up

[cavicchiandrea]

Esegui on del secondo button quando modifichi mioDiv

[aquatimer2000]

qualcosa del genere se ho inteso bene?

$(document).ready(function() {


$(document).on("click","#button1",function (){
    /*sostituisco il contenuto del div come indicato in precedenza*/


    $(document).on("click","#button2",function (){
        /*vorrei aprire un alert dal botton caricato con sostituzione di html di cui sopra*/
    });


});


});

[cavicchiandrea]

var nomeFile = "dialog/test.htm";
$.get(nomeFile, function(data) {
$("#mioDiv").html(data);
$(document).on("click","#button2",function (){
        /*vorrei aprire un alert dal botton caricato con sostituzione di html di cui sopra*/
    });

});