html non visualizza script fornito da chiamata ajax

[Melvis]

Ciao ragazzi, sono alle prese con un nuovo rompicapo..

cliccando un bottone vorrei aggiungere un codice QR nella mia pagina.

Visto che non voglio ricaricare l'intero documento mi servo di una chiamata ajax.
Lo script funziona, perch� se chiedo ad ajax di restuirmi una stringa o un'immagine
l'html della pagina me li visualizza senza problemi.
Se per� da ajax mi faccio restituire lo script che dovrebbe generarmi il codice QR,
l'html della pagina non me lo visualizza.
Strano perch� ho visto che lo script del QR caricato nel contesto di una normale
pagina html funziona benissimo, se invece fornito da ajax, no.
Ecco il codice del file php chiamato con ajax:

echo '

<div id="output"></div>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<script>
jQuery("#output").qrcode({width: 200, height: 200, text: "prova"});
</script>

'; 

Avete qualche soluzione?? Grazie per l'aiuto!

Melvis

[pietro09]

dovresti recuperare il codice javascript (<script......</script>) dalla chiamata ajax e fare una cosa del genere:

document.getElementsByTagName("head")[0].appendChild(s);

dove s è la stringa codice (<script......</script>)

ps. non so se adesso funzioni. E' da molto che non lo uso

[ciro78]

Ciao ragazzi, sono alle prese con un nuovo rompicapo..

cliccando un bottone vorrei aggiungere un codice QR nella mia pagina.

Visto che non voglio ricaricare l'intero documento mi servo di una chiamata ajax.
Lo script funziona, perch� se chiedo ad ajax di restuirmi una stringa o un'immagine
l'html della pagina me li visualizza senza problemi.
Se per� da ajax mi faccio restituire lo script che dovrebbe generarmi il codice QR,
l'html della pagina non me lo visualizza.
Strano perch� ho visto che lo script del QR caricato nel contesto di una normale
pagina html funziona benissimo, se invece fornito da ajax, no.
Ecco il codice del file php chiamato con ajax:

echo '

<div id="output"></div>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<script>
jQuery("#output").qrcode({width: 200, height: 200, text: "prova"});
</script>

'; 

Avete qualche soluzione?? Grazie per l'aiuto!

Melvis

Ciao,

rileggi il regolamento in particolare la sezione del tag code.

Una domanda. Che senso ha richiamare codice lato client dal server?

[Melvis]

Ciao,

rileggi il regolamento in particolare la sezione del tag code.

Una domanda. Che senso ha richiamare codice lato client dal server?

Ciao Ciro,
la mia idea sarebbe quella di inviare al php file il link da riprodurre nel codice QR,
php lo elabora e mi restituisce lo script del codice QR adattato.
Utilizzo una chiamata ajax per non dover ricaricare la pagina.
Dal lato client non saprei invece bene come fare.

[Melvis]

Grazie per la risposta Pietro, è da un po' che provo ma non ne vengo a capo lo stesso..
Se vuoi dare un'occhiata ho cercato di semplificare al massimo il codice come segue:

CHIAMATA AJAX
<script type="text/javascript">

function doRequestUsingPOST() {

createXMLHttpRequest();

var url = "chiamata1.php";
var queryString = "valore=prova";

xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttp.send(queryString);
}

function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}

function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
document.getElementById("script_qr").innerHTML = xmlHttp.responseText;
}
}
}

</script>

BOTTONE HTML
<input type="button" onclick="doRequestUsingPOST()" value="aggiungi QR">

Il file php è nel mio post precedente.

Da ricerche ho provato ad aggiungere:
var qrscript = document.createElement('script');
qrscript.setAttribute("type","text/javascript");
qrscript.setAttribute("src", "jquery.qrcode.min.js");
document.getElementsByTagName("head")[0].appendChild(qrscript); --> (come dicevi anche tu)
però probabilmente sbaglio proprio la collocazione del codice

Non so se hai voglia di occupartene proprio di sabato.. in ogni caso grazie lo stesso.

Melvis

[cavicchiandrea]

Se il tuo intento è caricare uno script con ajax vedi qui sezione dataType:script se non è cosi come non detto

[Melvis]

Ok, ho visto ora nel regolamento che per postare codice è buona norma utilizzare i tag [ c o d e ] e [ / c o d e ], grazie

[Melvis]

Se il tuo intento è caricare uno script con ajax vedi qui sezione dataType:script se non è cosi come non detto

grazie Andrea, seguirò il tuo consiglio