Aufklapp Javascript Login

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

~~l*******k~~

17:03, 9.10.2011

Hey,

ich möchte an einem Login im Header ein Aufklappsystem haben, wenn man über Login fährt das es aufklappt und man sich einloggen kann, beispiel Woltlab Forum: http://www.woltlab.com/forum/

ich hätt es so gemacht aber wie mach ich das dass dann mein Code da eingeblendet wird:

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<script type="text/javascript">
function toggle(control){
	var elem = document.getElementById(control);
	
	if(elem.style.display == "none"){
		elem.style.display = "block";
	}else{
		elem.style.display = "none";
	}
}
</script>

<style type="text/css">

body{
    font: .85em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
	background: url(back.jpg);
	width: 700px;
	margin: 10px auto;
	color: #F6F2E7;
}

a{
	color: #fff;
	font-weight: bold;
}

a:hover{ color: #1D293F;}

h1{
	font-weight: normal;
	color: #fff;
	font-size: 2.8em;
}

	h1 a{ color: #1D293F;}

	h1 a:hover{ color: #fff;}
	
	small{
		border-top: 1px dotted #F6F2E7;
		display: block;
		font-size: .3em;
		margin-top: 10px;
		padding: 5px;
		color: #000;
	}
</style>
</head>

<body>

<a href="javascript:toggle('test')"> x Zum aufklappen hier klicken. (1)</a>
<br /><div id="test" style="display: none">Text Nummero Uno ..</div>

</body>

</html>

Mein Loginbox die ich beim Aufklappen hätte ist diese: http://lokalbook.de/login/login.html

Gruß

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
fatfreddy

fatfreddy hat kostenlosen Webspace.

17:46, 9.10.2011
Und wo bitte ist jetzt dein Problem?
~~m******e~~

17:54, 9.10.2011

fatfreddy schrieb:
Und wo bitte ist jetzt dein Problem?

Das Problem wird sein, sich den Quelltext der woltlab.com -Seite mal genauer zu betrachten.
Das müssen dann schon andere übernehmen.
pasi-b

pasi-b hat kostenlosen Webspace.

17:57, 9.10.2011
Nimm doch jQuery dafür.
~~m******e~~

18:12, 9.10.2011

pasi-b schrieb:
Nimm doch jQuery dafür.

Ach nee..

menschle schrieb:
Das Problem wird sein, sich den Quelltext der woltlab.com -Seite mal genauer zu betrachten.
Das müssen dann schon andere übernehmen.

.. und dann müsste jQuery auch noch eingebunden werden..
.. aber wie das nun wieder geht, dafür wird dann wiederum ein neues Thema eröffnet..
Autor dieses Themas
~~l*******k~~

19:51, 9.10.2011
Anderes Forum war schneller Thema, Thema geschlossen. hilfe/support" title="Support">Support und Hilfe gleich null lächerlich kinder.
burgi

Co-Admin

burgi hat kostenlosen Webspace.

20:02, 9.10.2011

lokalbook schrieb:
Anderes Forum war schneller Thema, Thema geschlossen. Support und Hilfe gleich null lächerlich kinder.

Da wir nicht in Konkurrenz mit anderen Foren stehen: auf Wunsch des Threaderstellers geschlossen
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city