Comment créer un block en jQuery ?

Résolu/Fermé
gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 - 23 avril 2014 à 22:55
gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 - 25 avril 2014 à 00:46
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
A voir également:

2 réponses

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
23 avril 2014 à 23:23
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 mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 10
24 avril 2014 à 00:57
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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
24 avril 2014 à 03:19
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 mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 10
24 avril 2014 à 18:32
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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 24/04/2014 à 19:59
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 mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 10
24 avril 2014 à 21:45
pourquoi ça ne fonctionne pas ??
0
gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 10
24 avril 2014 à 22:21
je dois mal m'y prendre en local, mais cela fonctionne sur mon site.... merci à vous ;o)
0