18067 sujets

Questions générales et questions de débutants

[Résolu] Afficher une page sur clic sans ouvrir de popup, en css

Bonjour à tous,
Je cherche à intégrer un formulaire dans ma page courante, qui s'afficherait en cliquant sur un lien.
La méthode existe en javascript, mais je cherche à la faire en css. Je ne veux en aucun cas de popup.
Je me demandais si en couplant les propriétés de <a> à une balise <object>, je pourrai y arriver.

Actuellement, j'en suis là :
a.test span {
display: none;
}
a:active.test span {
display: inline;
position: absolute;
top: 152px;
left: 200px;
border: none;
}
object.object {width:400px; height:200px}

et pour le lien :
<a href="#" class="test">test<span><object class="object" data="mail_membre.php" type="text/html" /></span></a>

Mes connaissances en css sont limitées. Si quelqu'un a une méthode, autre que javascript, je suis preneur.
Merci de vos réponses.
Modifié par arnold002 (30 May 2006 - 14:05)
Salut,

je pense savoir le faire en roll over mais en clic non.
La methode que j'utilise vient d'ici...mais je trouve pas,
je te met du code a titre d'exemple.
..On sait jamais...


HTml : Attention aux anti-slashes...
<a href=\"#\" title=\"Un beau pull?\" >Un beau pull?
<span class=\"d\">
<img src=\"./images/un8pull.jpg\" alt=\"a way of life\" />
</span></a>


CSS
   /* span qui apparait en rollover  */

span.d               {        display: none;}	
a:hover span.d       {  display: block; border:0px ; left:-800px; top:-325px;
                        position : absolute; padding:0; margin:0; z-index: 20;}

Modifié par Hum (29 May 2006 - 19:29)
Salut !

Tu peux mettre ton formulaire dans un élément non affiché (display: none;)
et le faire afficher par un JavaScript appelé en cliquant sur un autre élément.
arnold002 a écrit :
Peux-tu détailler un peu pgilbert STP ?
Ca m'intéresse mais je vois pas ou tu veux en venir.

Ouaip, OK !

Tu mets un identifiant à ton formulaire :
<form id="hidden_form">...</form>

Tu caches ton formulaire en CSS :
#hidden_form { display: none; }

Tu ajoutes un JavaScript qui affichera ton formulaire :
		function display_form() {
			if(document.getElementById) {
				document.getElementById('hidden_form').style.display = "block";
			} else if(document.all) {
				document.all('hidden_form').style.display = "block";
			}
		}

Et enfin, tu affiches ton formulaire avec un lien qui active le script:
<a href="#" onclick="display_form();return false;">Formulaire</a>
Quoi dire sinon... superbe !!!
C'est précisément ce que je faire.
Evidemment, ca fonctionne nickel sur FF mais pas sur IE.
Sur IE, le formulaire s'affiche constamment.
Une soluce peut être ?
Non, je suis pas sûr.
En fait, tout est rentré dans l'ordre sur IE. Juste un problème de pages en cache.

Je te remercie beaucoup pour ton super coup de main.
Bonne continuation
Arno
Sujet clos
Aller à