Bonjour, j'essaye de coder quelque chose où quand on rentre le caractère "+" dans un input , ça grandi la longueur et la largeur d'une div. J'essaye de faire ça avec Jquery (et bien évidemment html, css et JS...) mais je ne comprends pas pourquoi ça ne marche pas..
Voici mon js (pardon si ce n'est pas très bien organisé je débute!..):
Le sujet est déplacé de la section Discussions développement vers la section Javascript
Merci d'utiliser la balise code
Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: jscript;">Votre code ici</pre>.
Pour moi la partie du code avec le width fonctionne.
Mais pas le height, le mot n'est pas écrit correctement, attention, c'est "height" et non "heigth".
Pour tes selecteur jquery il fonctionne mais je te conseille d'utiliser des id ou class pour les identifier. $('div') ou $('input') c'est pas fous =), mais ça marche.
Exemple corrigé:
HTML
<input class="my-input" type="text">
<div class="my-div" style="border: black solid 1px;">Ma div</div>
JS
$(document).ready(function(){
var divWidth = 1;
var divHeight = 1;
$(".my-input").keypress(function(e){
var touche = String.fromCharCode(e.which);
if (touche === "+"){
divHeight++;
divWidth++;
};
})
function div(){
// Je te conseille de ne pas utiliser 2 fois le même selecteur, si tu peux t'en passer =)
$(".my-div").css('width', divWidth );
$(".my-div").css('height', divHeight );
}
setInterval(div , 15);
})
$(document).ready(function(){
var divWidth = 1;
var divHeight = 1;
$(".my-input").keypress(function(e){
var touche = String.fromCharCode(e.which);
if (touche === "+"){
divHeight++;
divWidth++;
};
div();
})
function div(){
// Je te conseille de ne pas utiliser 2 fois le même selecteur, si tu peux t'en passer =)
$(".my-div").css('width', divWidth );
$(".my-div").css('height', divHeight );
}
})
Merci beaucoup pour vos réponses, j'ai tout corrigé et cela ne marchait pas.. J'ai fais par la suite un copié coller de vos réponse mais toujours sans effet... Je suis perdu :,(
Merci de colorer votre code à l'aide du bouton Code
Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: jscript;">Votre code ici</pre>.
Mauvais titre
Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.
Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).
De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.
Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.
Pour modifier votre titre, éditez le premier message de votre sujet.
(titre originel : Problème JQuery)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)