Comment créer un block en jQuery ?
Résolu
gintoxic
Messages postés
566
Statut
Membre
-
gintoxic Messages postés 566 Statut Membre -
gintoxic Messages postés 566 Statut Membre -
bonjour, je cherche partout comment créer un block en jQuery mais je ne trouve pas (du moins je n'arrive pas à faire en sorte que cela fonctionne)
merci à vous
--
Si Dieu a créé l'homme, qui a créé Dieu, l'homme non ?
merci à vous
--
Si Dieu a créé l'homme, qui a créé Dieu, l'homme non ?
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
-
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
-
il existe pas mal de fonction pour ajouter quelque chose
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 -
en fait je voudrais créer une div qui soit désolidarisé par rapport à tous les éléments de la page (sauf le body bien évidemment). Un peu comme pour créer un pop-up ou pop-in.
de telle sote qu'au chargement (ou apres si vous preferez) de la page, cette div apparaisse.
merci tout de meme -
avec prepend + du css un div bien centré et une fonction click pour le fermer
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> -
-
-
