Rendre Visible un DIV lors d'un clik sur lien

Fermé
Pascal_22 Messages postés 534 Date d'inscription lundi 20 mars 2006 Statut Membre Dernière intervention 29 août 2014 - 29 avril 2009 à 18:30
NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 - 29 avril 2009 à 18:48
Bonjour à tous,

J'ai quelques question concernant ce que je veux faire.
J'aimerais, lors du click sur un lien, faire apparaitre une div au centre de la page et rendre innactif toute la page tant que l'usager n'aura pas fermer cette div.

Voici le code que j'ai fait:
aff('BoxSendMsg');
function aff(objet)
{ 
	if(document.getElementById(objet).style.display == "block")
	{ 
		document.getElementById(objet).style.display = "none";
	}
	else
	{ 
		document.getElementById(objet).style.display = "block"; 
		document.getElementById('DivBox').disabled = true; 
		
	} 
} 

function toggleAB()
{
  aff('BoxSendMsg');
  
}


J'ai vu 2 problème a mon code.
1- c'est quand j'arrive sur ma page ma div 'BoxSendMsg' n'est pas visible(ce qui est correct) mais elle prend la place quand meme sur la page mais elle n'est pas visible

2- Quand je click sur le lien, elle apparait mais le reste de la page nest pas innactif. Pourtant ma div 'DivBox' est disabled, le contenu devien gris mais je peu quand même cliquer sur d'autre lien de cette div!

Avez vous des suggestion comment je pourrait réglé mes problème??

Merci mille fois

Pascal_22
A voir également:

3 réponses

NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 513
29 avril 2009 à 18:48
Bonjour,

Pour la 1, essayez en passant la div en position absolute, ça devrait faire l'affaire je pense
Pour la 2, je suppose que comme le disabled est appliqué à la div les liens restent enabled malgré qu'ils soient inclus dedans, voici la solution https://www.tek-tips.com/viewthread.cfm?qid=1127331
1
Bertrand40 Messages postés 1193 Date d'inscription vendredi 27 mars 2009 Statut Membre Dernière intervention 27 février 2023 192
29 avril 2009 à 18:46
Bonjour,

Je suis pas bien sûr de pouvoir t'aider mais je te dis comment j'ai fait sur mon site.
Avec un z-index l'élément ouvert et mis en avant, se positionne par dessus et désactive" du coup le reste de ta page.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
29 avril 2009 à 18:47
salut,

pour faire simple et efficace, tu peux regarder du côté des lightbox, il y en a qui peuvent contenir n'importe quel HTML.
0