Impossible de lancer un pauvre hello word dans fichier externe !

Version imprimable

08/07/2012, 14h16
invivus

Impossible de lancer un pauvre hello word dans fichier externe !
Bonjour à tous !

Je suis entrain de monter un petit site en php dans lequel j'inclus du javascript. J'ai écris une fonction pour afficher des infobulles contenant des données issus d'une base de donnée et ça marche très bien.

Pour plus de clarté je voulais ranger ce code dans un fichier .js et l'appeler dans mon code php. Or impossible de faire fonctionner cela. Je suis donc remonter jusqu'à faire un simple hello word dans un fichier .js :
Code:

1 2 3 function hello(){ alert('Hello world'); }
je ne pense pas qu'il y ai d'erreur ^^. Dans le fichier php j'inclu le fichier .js dans le head :

Code:

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

infobulle est le nom de mon fichier contenant la fonction hello() et il est rangé dans un dossier nommé js

puis dans le body :
Code:

1 2 3 4 form name="formulaire" action=""> <input type="text" name="saisie" size="3"> <input type="button" value="Calculer le carré" onClick="javascript:hello()"> </form>
oui je sais c'est con de créer un champ de texte qui sert à rien mais j'avais tester de faire le calcul du carré du nombre écris dans le champ pour tester le passage de variable mais çe ne marchait pas ^^ alors je suis redescendu encore d'un cran...

Bref rien de plus simple quoi... Et bien ça ne fonctionne pas !
Au début je me suis dis que c'est juste que j'avais fait une betise bidon mais la je commence à craquer en plus il y a un truc qui m'a mis la puce à l'oreille ça fonctionné 1 fois et 1 seule (la première) et maintenant plus rien... Y a t il quelque chose d'essentiel que j'ai oublié quant à l'utilisation de javascript qui fait que mon pauvre hello word ne fonctionne pas?

Merci d'avance !

EDIT : en fait je crois que ça n'a jamais marché dans un fichier séparé c'est quand j'ai fait

Code:

<input type="button" value="Calculer le carré" onClick="alert('Hello world');">

que ça a marché en fait je crois.... j'ai essayé tellement de chose que je craque ^^
08/07/2012, 20h33
Darkyl

Salut,

Par hasard, si php s'exécute côté serveur et javascript côté client, alors peut-être que quand php provoque l'exécution du 'alert', la console client n'existe pas et donc il peut pas alerter...

C'est chaud de mélanger les codes javascript et php.

Tu as un débugger?

Note: tu peux générer du javascript avec du php, mais tu ne peux pas provoquer l'exécution du javascript depuis un code php (enfin je crois). Pour javascript , il faut obligatoirement être sur le client, c'est-a-dire le navigateur, c'est lui qui exécute le javascript. Php est exécuté depuis le serveur donc quand le javascript est exécuté, le php n'existe même plus. Enfin c'est pas facile facile à comprendre.
08/07/2012, 21h47
headmax
A tout hasard si tu met ta balise script avant la fin de body ça donne quoi?
Code:

1 2 3 <script type="text/javascript" language="javascript" src="js/infobulle.js"></script> </body>
08/07/2012, 22h19
invivus

Merci beaucoup pour réponses !

@headmax : après essai aucuns changements :s

@Darkyl : j'ai lu beaucoup de chose la dessus et je fais effectivement attention comme tu peux le voir même s'il s'agit d'un index.php je fais pas de trucs bizarres ^^
je ne met pas de javascript dans des balises php parceque j'ai pas assez compris l'affaire pour m'en sortir lol donc tout le javascript que je met c'est dans du html pas du php. J'essayerais de faire des trucs compliquer quand je saurais faire un hello world ^^

Je n'ai pas de debug je code sur notepad++ et j'envoi ça sur un serveur perso (nas synology) qui exécute le bazarre. Sur le site lorsque je regarde le code source (donc que du html et du javascript le php a bien disparu) tout est ok je fais bien un appel correcte à la fonction contenu dans un fichier js
09/07/2012, 08h46
SpaceFrog

onclick n'attend pas une recette de crèpes suzette !
et tout en minuscules
et puis un input est une balise autofermante

Code:

<input type="button" value="Calculer le carré" onclick="hello()" />

première chose a tester : le script externe est il bien lié

attention : pas de balises javascript dans le fichier externe

mets un

Code:

alert (hello world)

en première ligne de ton fichier .js
si au chargement l'alert ne se lance pas, c'est que le script suivant ne sera pas chargé.
09/07/2012, 15h55
Darkyl

Citation:

Par hasard, si php s'exécute côté serveur et javascript côté client, alors peut-être que quand php provoque l'exécution du 'alert', la console client n'existe pas et donc il peut pas alerter...

je persiste : on ne peut pas lancer une fonction javascript (ou du code javascript) avec du php...

Il y a une différence entre générer du javascript avec php et lancer du code javascript depuis un code php.

Mais je demande l'avis des cadors du forum, s'ils passent par là...

Un truc qui sert pas a grand chose parsé du JS mais qui te permet de générer du html par PHP et JS seulement au chargement de la page "onload" on peut passer par un :
Code:

1 2 3 4 5 6 7 8 <?php echo "<script>"; for ($i=0; $i<$taille; $i++) { echo 'document.write(\'<option value="' . $i . '">\' + tab_ens[' . $i . ']["nom_ens"] + \'</option>\');'; } echo "</script>"; ?>
Ou l'appel d'une fonction js au chargement de la page :
Code:

1 2 3 4 5 6 7 <?php echo "<script>"; echo 'function hello(){alert("hello");};'; echo 'window.onload = function(){hello();};'; echo "</script>"; ?>
Bref pas très pratique, et ça sert pas a grand chose ... :(

Salut,

As-tu une balise <base /> dans le <head> de ton document ?

Si c'est le cas, tentes à nouveau en placant l'adresse absolue vers le fichier JS dans l'attribut src de la balise script.

Tu peux tester en utilisant le code ci-dessous.

test.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
 
		<style type="text/css">
                        span{text-decoration:underline;cursor:pointer;color:#00f}
                </style>
 
		<script type="text/javascript" src="js/infobulle.js"></script>
		<script type="text/javascript">
                        function test(){
                                if(typeof hello=="function")hello();else alert('Erreur');
                        }
                </script>
	</head>
	<body>
		<p>
			<span onclick="test()">Cliquez ici</span>
		</p>
	</body>
</html>

js/infobulle.js

Code:

1
2
3
function hello(){
	alert('Hello !');
}

11/07/2012, 22h02
Auteur
Citation:
Envoyé par invivus

Code:

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

Code:

1 2 3 4 form name="formulaire" action=""> <input type="text" name="saisie" size="3"> <input type="button" value="Calculer le carré" onClick="javascript:hello()"> </form>
Citation:

Envoyé par SpaceFrog

onclick n'attend pas une recette de crèpes suzette !
et tout en minuscules
et puis un input est une balise autofermante

pour compléter ce qu'a écrit SpaceFrog : inutile d'écrire "javascript" après un événement

Code:

<input type="button" value="Calculer le carré" onclick="hello()">

Dans la balise script l'attribut language="javascript" est superflu.