AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


1 résultat trouvé pour chapeau

Onyx

Mission #8 - Un langage objet? [Initié] - Ven 24 Juin 2016 - 5:38

Ethan > J'avoue que je m'attendais à quelque chose de plus simple, je ne voulais justement pas perdre personne et je dois avouer que tu m'as perdu u_u Je vais relire ton code tranquille plut tard Wink

Cheshire > Désolée du temps de réponse surtout T_T

Je vois que tu continues avec tes conditions, hein XD
On va y revenir plus tard.

Alors, lorsqu'on parle de jquery, il y a plusieurs manières de récupérer le contenu d'une balise.

Plus haut, tu as peut-être remarqué que j'ai dit à Ehawee qu'on doit utiliser innerHTML pour récupérer tout le contenu à l'intérieur de l'élément qui avait le id sélectionné. Comme Valtena_Ethan l'a expliqué, on utilise outerHTML lorsqu'on veut récupérer l'élément qui avait le id sélectionné ainsi que son contenu, pas juste le contenu.

Sauf que ça, c'était pour le javascript. Le jQuery est différent.

Avec lui, on utilise html() pour récupérer le contenu. Il remplace innerHTML.

Donc, en enlevant "inner" devans ton html, cela fonctionne selon ta première solution :
http://jsfiddle.net/mzcaLoah/4/

Si je résume, tu as une condition qui regarde si l'élément qui a un id "chapeau" a un contenu qui est "Alice". Si oui, il y a une alerte qui dit "Cheshire". C'est parfait !




Sinon, ta 2ème solution fonctionnerait si tu l'avais mis comme cela :
http://jsfiddle.net/mzcaLoah/5/

Le "contains" est plutôt bon, cela te permet de savoir si l'élément qui a un id "chapeau" a un contenu qui est "Alice". Sauf que le html d'après était de trop.




Enfin, disons que tu aurais voulu que ton alerte dise "Alice" sans le mettre directement dans l'alerte, tu aurais pu faire comme cela :
http://jsfiddle.net/mzcaLoah/6/

La première ligne sert à créer une variable qui va contenir le contenu à l'intérieur de l'élément qui a l'id "chapeau". La deuxième ligne sert a faire une alerte qui va dire cette variable.




Peut-être que tu l'as compris en lisant le reste, mais quand le html() est vide et qu'on a rien mis à l'intérieur, c'est souvent quand on "prend" le html. On le donne à une variable quelconque pour le réutiliser.

Quant le html() a un contenu comme html("Alice") ou html("Cheshire") ? Il peut y avoir 2 raisons.

Soit c'est écrit comme cela :
if ( $("#chapeau").html("Alice") ) {action si condition respectée;}
Et on se retrouve à vérifier si le contenu est bel et bien Alice.

Soit c'est écrit comme cela, sans condition :
$("#chapeau").html("Cheshire");
Et là, le contenu de "chapeau" est transformé en "Cheshire".
Si si, je le jure, regarde ici :
http://jsfiddle.net/mzcaLoah/7/

Donc on a 3 options possible, récupérer le html d'un élément, vérifier si le html d'un élément est bel et bien ce qu'on pense et transformer le html d'un élément en autre chose. Pas mal, non?




Et maintenant, si je te donne ce JSFiddle et je te dits « Je veux qu'il y ait une alerte qui dise "Alice", sans que tu écrives directement Alice dans l'alerte. Tu dois toucher seulement au jquery/javascript, pas au HTML. En plus, je veux qu'il soit écrit seulement Alice, sans balise autour ! ».

JS à utiliser : http://jsfiddle.net/mzcaLoah/8/

Tu pense avoir une idée?


Revenir en haut

La date/heure actuelle est Dim 19 Mai 2024 - 20:09