11540 sujets

JavaScript, DOM et API Web HTML5

Nouveau jquery

Bonjour
j'essaie d'utiliser jquery sans succès
avec une page html ou avec le cms joomla
j'ai du manquer une étape
avec ma page html que je met à la racine du site et que je nomme jquery

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>

<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>

</body>
</html>

Avec joomla

J'ai installer un script jquery qui permet d'installer les bibliothèques jquery

j'ai créer un fichier jscript.js que j'ai mis à la racine de mon template avec un code
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});

mais rien ne se passe quand je clique sur le paragraphe


comment faire dans les deux situations

salutation
Modifié par philippe3441 (28 Oct 2013 - 00:37)
bonjour,

y'a pas de raison, çà devrait marcher (pour la page html en tout cas, joomla je connais moins), tu utilises quel navigateur pour tester ? Tu as un débugger (comme firebug sous firefox) ?

Le seul soucis pourrait être lié au chargement de la bibliothèque jquery. Vérifie aussi l'encodage de ton fichier html, et rajoute <meta charset="utf-8"> dans le header.
Modifié par Zebrou (28 Oct 2013 - 08:06)
Pour la plupart des cms

il faut insérer le code jquery dans un fichier .js à la base du template et le déclaré dans le fichier de configuration

j'ai essayé sans succès ,

<script>
$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color","yellow");
});
});
</script>
si ton site est bien a l'url que tu as mis au dessus ton jquery est bien present mais avec avec l'activation de no.conflict,

donc pour l'utiliser il faut que tu code de la sorte :


//exemple pour $('element').click(function() { } );

jq('element').click(function() { } );
Bonjour philippe3441.

J'ai repris ton exemple et il fonctionne correctement. J'ai mis dans un fichier séparé de nom "Script.js" et j'ai essayé de comprendre d'où vient le problème.

Dans le header, j'ai déclaré ainsi :
<header>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="Script.js"></script>
</header>

Et cela fonctionne aussi.
Maintenant, si tu inverses l'ordre de tes deux scriptes, plus rien ne fonctionne !

Donc, à vérifier chez toi, sur joomla que je ne connais pas, n'y aurait-il ps une inversion dans l'ordre des deux scripts dans le html ?
Par mesure de sécurité, tu dois placer tes deux script de la même manière, soit dans la partie header du html, soit dans ton fichier de configuration.

@+
bonjour

il existe avec joomla , des plugins qui installe directement un lien vers la librairies jquery et
qui semble être source de pb

je vais les désactivés et insérer votre code

merci
Sujet clos
Aller à