Div JQuery
Résolu
88av
Messages postés
381
Statut
Membre
-
88av Messages postés 381 Statut Membre -
88av Messages postés 381 Statut Membre -
Bonjour,
J'ai créer un code html / Javascript :
Mais j'ai un problème :
Quand on clique sur le lien "Démarrage du super div", le "super div" s'affiche.
Après, on peut le déplacer et le redimensionner normalement, mais, si on clique une autre fois sur le lien "Démarrage du super div", le "super div" s'affiche une deuxième fois, alors que je voudrait que le "super div" ne puisse s'afficher qu'une seule fois dans la page.
Pouvez-vous m'aidez s'il-vous-plait ?
Merci d'avance
Cordialement
Si vous avez un calcul à faire, vous pouvez aller sur mon site web...
J'ai créer un code html / Javascript :
<html>
<head>
<title>jQuery</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>
</head>
<body>
<br/><br/><br/><br/><br/><br/><br/>
<a href="" id="lien">Démarrage du super div</a>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#lien').click(function(e){
e.preventDefault(); // On désactive le lien
var new_element = jQuery('<div id="content" style="width:150px; height:150px; padding:5px; background-color:#0096E1; position:absolute; top:150px; left:300px; border: 10px solid #1800F3"><div class="description">Super div !!!</div></div>');
$('body').append(new_element);
$(function(){$('#content').draggable().resizable();});
});
});
</script>
</body>
</html>
Mais j'ai un problème :
Quand on clique sur le lien "Démarrage du super div", le "super div" s'affiche.
Après, on peut le déplacer et le redimensionner normalement, mais, si on clique une autre fois sur le lien "Démarrage du super div", le "super div" s'affiche une deuxième fois, alors que je voudrait que le "super div" ne puisse s'afficher qu'une seule fois dans la page.
Pouvez-vous m'aidez s'il-vous-plait ?
Merci d'avance
Cordialement
Si vous avez un calcul à faire, vous pouvez aller sur mon site web...
A voir également:
- Div JQuery
- Div c++ - Télécharger - Langages
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
- Div pascal - Télécharger - Édition & Programmation
- Div cote a cote - Forum CSS
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,117,108,105,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> ✓ - Forum HTML
1 réponse
J'ai trouvé, voici le code, qui marche :
<html>
<head>
<title>jQuery</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>
</head>
<body>
<br/><br/><br/><br/><br/><br/><br/>
<a href="" id="lien">Démarrage du super div</a>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#lien').click(function(e){
e.preventDefault(); // On désactive le lien
if(document.getElementById('addition')){} else {
var new_element = jQuery('<div id="addition" style="width:150px; height:150px; padding:5px; background-color:#0096E1; position:absolute; top:150px; left:300px; border: 10px solid #1800F3"><div class="description">Super div !!!</div></div>');
$('body').append(new_element);
$(function(){$('#addition').draggable().resizable();});
}
});
});
</script>
</body>
</html>
