Inserire in un div contenuti esterni incluso funzioni js

[illo-illo]

Attraverso jquery e aiax carico nel div "a" della pagina "base.html" i contenuti della pagina "a.html" ma vorrei che caricasse anche le funzioni js della pagina a.html cosa che, invece, non avviene. Le funzioni js si attivano solo se richiamo il file.js direttamente dalla pagina base.html (cosa che non posso fare perché mi ritroverei, caricando nel div b una seconda pagina con le stesse funzioni che queste, ovviamente, interferirebbero tra loro. Come posso fare ad avere ogni div indipendente?
Grazie in anticipo

[br1]

L'argomento in diverse varianti e' trattato nella discussione in evidenza "script / discussioni utili"

[Vindav]

Se questo file js è uguale per tutte le pagine che devi caricare via ajax allora elimina l'inclusione di tale file nelle pagine esterne e includilo solamente nella pagina base.

[illo-illo]

Se questo file js è uguale per tutte le pagine che devi caricare via ajax allora elimina l'inclusione di tale file nelle pagine esterne e includilo solamente nella pagina base.

Le funzioni sono le stesse ma se dovessi fare un unico .js esterno dovrei ripetere tutte le funzioni per ogni id cambiando i rif. ID (e alcuni valori delle select) e tanto varrebbe non caricare la pagina esterna ma creare tanti div direttamente nella base.html
PS: prima di postare avevo già spulciato tra le "discussioni in evidenza" ma evidentemente mi sfugge qualcosa

[Vindav]

crea delle funzioni dinamiche, aver replicato delle funzioni solo perche cambiano i rifermenti agli elementi html, secondo me, è già di per se un errore. Crea una sola funzione che riceve in input l'elemento html da considerare(poi dipende se stai utilizzando js puro o jquery).

[illo-illo]

crea delle funzioni dinamiche, aver replicato delle funzioni solo perche cambiano i rifermenti agli elementi html, secondo me, è già di per se un errore. Crea una sola funzione che riceve in input l'elemento html da considerare(poi dipende se stai utilizzando js puro o jquery).

Ancora meglio! l'idea di caricare pagine esterne era proprio per evitare di cambiare i riferimenti.
Il .js esterno è .js puro.
Il mio problema adesso è: come si creano funzioni dinamiche?

[cavicchiandrea]

funzione "statica"

function coloradiv(){
document.getElementById('div1').style.backgroundCo lor='#f00'
}
richiamato cosi <a href="#" onclick="coloradiv()">colora div1</a>

funzione "dinamica"

function coloradiv(div){
document.getElementById(div).style.backgroundColor ='#f00'
}
richiamato cosi <a href="#" onclick="coloradiv('div1')">colora div1</a>

Cioè alla funzione passi anche l'oggetto stesso.

[Vindav]

edit: anticipato da Andrea

[illo-illo]

funzione "statica"

function coloradiv(){
document.getElementById('div1').style.backgroundCo lor='#f00'
}
richiamato cosi <a href="#" onclick="coloradiv()">colora div1</a>

funzione "dinamica"

function coloradiv(div){
document.getElementById(div).style.backgroundColor ='#f00'
}
richiamato cosi <a href="#" onclick="coloradiv('div1')">colora div1</a>

Cioè alla funzione passi anche l'oggetto stesso.

OK fin qui è chiaro, ma in una funzione complessa?
Partendo dal presupposto che gli id devono essere univoci o trasgredisco e ripeto, per ogni div, gli stessi id oppure?

[Vindav]

postaci un esempio di funzione "complessa"