changer la source d'un javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : changer la source d'un javascript

le_zell

Bonjour a tous !

Petit souci pour un de mes scripts

Soit un script de type :

<script id="monscript" language="JavaScript" type="text/javascript" src="../js/monscript.php?p=1"></script>

L'utilisateur change des paramètres et alors je veux changer la source de ce script :

if (document.all) document.all("monscript" ).src="../js/monscript.php?p=2";

Tout cela marche presque parfaitement sauf que monscript.php s'affiche bien au chargement de la page et que lorsque je change la source il ne se passe rien...Il faudrait que je fasse un truc du genre reload sur le script (document.all("monscript" ).reload(): deja essayé mais marche pas).

Ma question : comment changer la source d'un javascript et qu'il se recharge sans que la page soit rechargée ?

Merci a tous !

Publicité

Docteur_Canard

J'ai ça mais ça ne marche que sous IE :

HTML :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Déplacement</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" id="monscript" src="script1.js"></script>
<script type="text/javascript">
<!--
theScript=document.getElementById('monscript');
function changeSource(val)
{
switch(val)
{
case 1:
theScript.src="script1.js";
break;
case 2:
theScript.src="script2.js";
break;
default:
}
}
-->
</script>
</head>
<body>
<p>
<a href="" onclick="plop(); return false">Test</a><br />
<a href="" onclick="changeSource(1); return false">Source 1</a>
<a href="" onclick="changeSource(2); return false">Source 2 </a>
</p>
</body>
</html>

script 1 :

Code :

fuction plop()
{
alert('coin !');
}

Script 2

Code :

function plop()
{
alert('pan !');
}

Si quelqu'un a une solution crossbrower [:spamafote]

Mais est-ce qu'il n'y a pas moyen de concevoir tes scripts de manière à éviter le rechargement ?

Message édité par Docteur_Canard le 16-03-2004 à 09:40:22

le_zell

Salut et merci a toi,

Ton script est identique au mien...

Pour répondre à ta question, je ne peux pas changer la nature de mon script js/php, il affiche les news et je voudrais que si l'utilisateur change des parametres d'un formulaire (couleur de police, taille, etc) le script change d'aspect en temps réel . Tu vois, sinon il y a une solution tres simple, l'utilisateur valide le formulaire et on reaffiche le script avec les parametres choisis précdemment mais je trouve dommage qu'il faille recharger la page...

le_zell

Voila mon code a moi :

Code :

<select name="select_couleur" onChange="javascript:maj_news(this.options[this.selectedIndex].value)">
<option value="FF0000">Rouge</option>
<option value="00FF00">Vert</option>
<option value="000FF">Bleu</option>
</select>
<script language="JavaScript" id="div_news" type="text/javascript" src="../js/news.php?code=FF0000>"></script>
<script language="JavaScript">
function maj_news(code){
var d = document;
if (d.all) d.all("div_news" ).src="../js/news.php?code="+code;
if (d.getElementById) d.getElementById("div_news" ).src="../js/news.php?code="+code;
}
</script>

Message édité par le_zell le 16-03-2004 à 10:06:13

Docteur_Canard

le_zell a écrit :

Si c'est juste pour changer l'aspect du formulaire, ça peut se faire en un seul script :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Déplacement</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
#zone
{
width:100px;
height:100px;
text-align;center;
color:#000000;
background:#FFFFFF;
}
-->
</style>
<script type="text/javascript">
<!--
function changeCouleur(val)
{
theZone=document.getElementById('zone');
switch(val)
{
case '1':
theZone.style.background='#0000FF';
theZone.style.fontSize='12pt';
theZone.style.fontFamily='serif';
break;
case '2':
theZone.style.background='#FFFFFF';
theZone.style.fontSize='16pt';
theZone.style.fontFamily='sans-serif';
break;
default:
}
}
-->
</script>
</head>
<body>
<p>
<div id="zone">Ma Zone</div>
<a href="" onclick="changeCouleur('1'); return false">Option 1</a>
<a href="" onclick="changeCouleur('2'); return false">Option 2</a>
</p>
</body>
</html>

(Marche sous IE et Moz)

A adapter avec plusieurs éléments. Tu peux également utiliser des cookies pour qu'on se souviene du choix d'une page à une autre.

VinceG

Pour forcer le rechargement du script à chaque chargement de la page, il suffit d'avoir une URL toujours différente (en rajoutant la date et l'heure par exemple. Ainsi

Code :

src="../js/news.php?code=FF0000"

devient

Code :

src="../js/news.php?code=FF0000&date=200403161223300"

Ton url étant différente à chaque chargement de la page, le JS sera automatiquement rechargé.
En revanche, il faut pouvoir insérer la date à ton URL, tu peux le faire grâce à ce genre de code:

Code :

document.write("src=\"../js/news.php?code=FF0000&date=" + laDate + "\"" );

le_zell

euh non c pas pour changer l'aspect d'un element de formulaire ca je sais pas faire pas de problème ct pour changer la source d'un javascript avec des parametres selectionnés par l'utilisateyr via des menu déroulants d'un formulaire.

le_zell

Merci pour ta réponse VinceG, mais tu mas mal compris...

Ce n'est pas pour forcer le rechargement du script a chaque rechargement de page ca c'est pour eviter la mise en cache et je sais faire t'inquiete pas...

moi je veux forcer le rechargement d'un script javascript si on lui a change sa source...son src...

ok ?

VinceG

Je viens de relire ton premier post, et en effet j'avais mal compris. Par contre je ne pense pas que ce soit faisable directement. Parce que les scripts sont chargés juste après le chargement d'une page et non lors de leur appel.
Je vois bien une solution, mais je la trouve pas très propre. Ca fait un peu bidouille et je ne sais même pas si les IFrame sont dans le W3C, et si ca marche sous Mozilla. Le truc, c'est que tu pourrais recharger une IFrame invisible qui ferait appel à ton JS. Dès que l'utilisateur change de sélection, tu recharges l'Iframe avec les bons paramètres, ce qui force le rechargement du script associé.
En espérant que mon idée (bidouille) te mettra sur la voie...

A+.

le_zell

Et bien VinceG c'est exactement l'option que j'ai développée et ca marche sous IE / Moz. Comme c'est un espace reservé à des admins je suppose qu'ils doivent avoir une version recente de navigateurs...

FORUM HardWare.fr

Programmation

HTML/CSS

changer la source d'un javascript

Sujets relatifs
[JAVASCRIPT] problème de compatibilité du code entre IE<--> Mozilla	[Javascript] récupérer la longueur du texte d'un DIV
Insertion de tag par javascript	Changer le curseur en un curseur animé (.ani) dans une applet
[JAVA - JAVASCRIPT] Ouvrir la Sun Java Console [Résolu]	recuperer en javascript pour affecter à une variable php possible ??
recherche de source : gestion avancée de tableau/grille	[JavaScript] Copier un texte quand on click sur une image
Menu en javascript	JukeBox en JavaScript
Plus de sujets relatifs à : changer la source d'un javascript

Page générée en 0.057 secondes