28173 sujets

CSS et mise en forme, CSS3

Positionnement d'élément

Bonjour!
J'aurais voulu avoir un lien entre deux autre, et que quand on clique sur ce lien, une barre de recherche apparaisse juste en dessous.
Mais j'ai quelques problèmes: le lien ne veut pas se mettre entre les deux autres... Smiley decu

C'est pourtant un bon code, non?

<html>
	<head>
		<title>a</title>
	</head>
	<body>
		<a href=".">Premier lien</a>
		<table>
			<tr>
				<a href="javascript:recherche_rapide()">Recherche rapide</a>
			</tr>
			<tr id="barre" style="position: fixed; display: none; background-color: #1392B7; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;">
				<td>
					<input type="text" name="" />
					<input type="submit" value="Ok" />
				</td>
			</tr>
		</table>
		<a href=".">Troisième lien</a>
		<script language="javascript" type="text/javascript">
			function recherche_rapide() {
				var barre = document.getElementById("barre").style.display;
				
				if(barre == "") {
					document.getElementById("barre").style.display = "none";
				} else {
					document.getElementById("barre").style.display = "";
				}
			}
		</script>
	</body>
</html>

Modifié par arcanis (27 Jan 2007 - 14:44)
bonjour,

ta question est une question DOM/javascript pas CSS...

Néanmoins, c'est pas plutôt ça qu'il faut écrire :
function recherche_rapide() {
				var barre = document.getElementById("barre").style.display;

				if(barre == "visible") {
					document.getElementById("barre").style.display = "none";

				} else {
					document.getElementById("barre").style.display = "visible";

				}

			}

?

J'ai pas testé....
Modifié par naudjf (27 Jan 2007 - 18:46)
Re-salut!
Désolé, je n'avais plus pensé à ce post.
Donc non, ça ne résous pas mon problème. Le code javasript est bon, sur tout navigateur. Mon problème consiste plutôt dans l'utilisation des css pour afficher un lien à la suite d'un texte, puis quand on clique sur ce lien un tableau apparait en position relative juste en dessous.
Ca demande aussi des connaissances en html. Je les ais, mais je n'ai pas d'idées sur la façon de procéder (tableaux, div, span...).
Des idées? Smiley smile
Sujet clos
Aller à