Comment créer un block en jQuery ?
Résolu
gintoxic
Messages postés
524
Date d'inscription
Statut
Membre
Dernière intervention
-
gintoxic Messages postés 524 Date d'inscription Statut Membre Dernière intervention -
gintoxic Messages postés 524 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Comment créer un block en jQuery ?
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Comment créer un compte gmail - Guide
- Créer un lien pour partager des photos - Guide
- Créer un compte instagram sur google - Guide
2 réponses
Salut
Qu' appelles tu un block ? un div ?
pense que jquery tout comme javascript se base sur du html déjà existant dans une page
le meilleur moyen de créer un block (div) c'est le html
tu peux créer un élément div autour de code déja existant avec wrap()
http://jquery.developpeur-web2.com/documentation/manipulation/wrap.php
tu peux ajouter après du code un div avec add()
http://jquery.developpeur-web2.com/documentation/parcours/add.php
Qu' appelles tu un block ? un div ?
pense que jquery tout comme javascript se base sur du html déjà existant dans une page
le meilleur moyen de créer un block (div) c'est le html
tu peux créer un élément div autour de code déja existant avec wrap()
http://jquery.developpeur-web2.com/documentation/manipulation/wrap.php
tu peux ajouter après du code un div avec add()
http://jquery.developpeur-web2.com/documentation/parcours/add.php
oui une div
j'ai lu qu'avec prepend(), prependTo(), append(), et appendTo() c'était possible en prenant en compte le body et je souhaite ajouter une div dans un code existant où on ne me laisse que la place de créé du JS (je prefere ecrire en jQuery)
je vais voir ce que tu m'as laissé
merci à toi
j'ai lu qu'avec prepend(), prependTo(), append(), et appendTo() c'était possible en prenant en compte le body et je souhaite ajouter une div dans un code existant où on ne me laisse que la place de créé du JS (je prefere ecrire en jQuery)
je vais voir ce que tu m'as laissé
merci à toi
il existe pas mal de fonction pour ajouter quelque chose
dans ton cas voici ce qui pourrait être approprié avec after()
cela donnera le code suivant
tu pourras remarquer dans la variable madiv les antislash qui échappent les doubles quotes
\"
cela permet que jquery ne prenne pas en compte le double quote comme faisant partie de la syntaxe de codage
dans ton cas voici ce qui pourrait être approprié avec after()
<script>
$(document).ready(function(){
var madiv ="<div id=\"test\">je suis après le haut</div>";
$("#haut").after(madiv);
})
</script>
<div id="haut">je suis le haut</div>
cela donnera le code suivant
<div id="haut">je suis le haut</div>
<div id="test">je suis après le haut</div>
tu pourras remarquer dans la variable madiv les antislash qui échappent les doubles quotes
\"
cela permet que jquery ne prenne pas en compte le double quote comme faisant partie de la syntaxe de codage
avec prepend + du css un div bien centré et une fonction click pour le fermer
exemple
css
jquery
exemple
css
.test {
width:300px;
height:300px;
background-color: #FF0000;
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -150px; /***la moitie width et height en négatif***/
z-index:1000; /**être bien sur que le z-index mettra au dessus de tout le reste**/
}
jquery
<script>
$(document).ready(function(){
var madiv ="<div class=\"test\"></div>";
$("body").prepend(madiv);
$(".test").click( function() {
$(".test").hide();
})
})
</script>