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
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
A voir également:
- Comment créer un block en jQuery ?
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Créer un compte gmail - Guide
- Comment creer un pdf - Guide
- Créer un compte instagram sur google - Guide
2 réponses
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
23 avril 2014 à 23:23
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
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
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
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
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
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
24 avril 2014 à 03:19
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()
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
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
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
de telle sote qu'au chargement (ou apres si vous preferez) de la page, cette div apparaisse.
merci tout de meme
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 24/04/2014 à 19:59
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
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>
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
24 avril 2014 à 21:45
pourquoi ça ne fonctionne pas ??
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
24 avril 2014 à 22:21
je dois mal m'y prendre en local, mais cela fonctionne sur mon site.... merci à vous ;o)