Div JQuery
Résolu
88av
Messages postés
263
Date d'inscription
Statut
Membre
Dernière intervention
-
88av Messages postés 263 Date d'inscription Statut Membre Dernière intervention -
88av Messages postés 263 Date d'inscription Statut Membre Dernière intervention -
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 x - Télécharger - Conversion & Codecs
- Body d'un mailto ✓ - 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>
