Rendre Visible un DIV lors d'un clik sur lien

Pascal_22 Messages postés 559 Statut Membre -  
NookZ Messages postés 2376 Statut Membre -
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 2376 Statut Membre 514
 
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 1344 Statut Membre 194
 
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 7114 Statut Contributeur 923
 
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