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   -
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

2 réponses

animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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



0
gintoxic Messages postés 524 Date d'inscription   Statut Membre Dernière intervention   10
 
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
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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
0
gintoxic Messages postés 524 Date d'inscription   Statut Membre Dernière intervention   10
 
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
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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>
0
gintoxic Messages postés 524 Date d'inscription   Statut Membre Dernière intervention   10
 
pourquoi ça ne fonctionne pas ??
0
gintoxic Messages postés 524 Date d'inscription   Statut Membre Dernière intervention   10
 
je dois mal m'y prendre en local, mais cela fonctionne sur mon site.... merci à vous ;o)
0