Modul auf Position aus Conten mit mouseover anzeigen lassen

mamboo
Autor
Neues Mitglied

Mehr

24 März 2009 14:45 #21278 von mamboo

Modul auf Position aus Conten mit mouseover anzeigen lassen wurde erstellt von mamboo

Hallo

Wie kann ich ein Modul mit Textinhalt z.B. in der linken Spalte via eines Links im Contentbereich beim mouseover anzeigen lassen und bei mouseout wieder ausblenden lassen, ähnlich bei einem Bildaustausch nur dass der Bereich nicht derselbe ist und es soll kein Popup erzeugt werden.
Hat jemand einen Tip?
Danke für Eure Hilfe.

69waterproof
Neues Mitglied

Mehr

24 März 2009 19:46 #21285 von 69waterproof

69waterproof antwortete auf Re: Modul auf Position aus Conten mit mouseover anzeigen lassen

Hallo Mamboo

Mit CSS kann man den Effekt mit der Pseudoklasse :hover erreichen. Das einzublendende Element kann mit position: absolute; und einer Positionsangabe an einer beliebigen Stelle angezeigt werden.

Falls die einzublendenen Elemente in einem anderen Modul untergrebracht sind, hilft wohl nur Javascript. Schau mal diese Webseite (und den Quelltext) an:
[url:1v5q4tem] www.emirates.com/index.aspx?rememberMe=1&language=wwsites [/url]

Gruss
69waterproof

mamboo
Autor
Neues Mitglied

Mehr

24 März 2009 20:03 #21286 von mamboo

mamboo antwortete auf Re: Modul auf Position aus Conten mit mouseover anzeigen lassen

Danke, der einzublendende Inhalttext wird in einem anderen Modul angezeigt.
Gibt's hier irgendwo ein Scriptbeispiel?

69waterproof
Neues Mitglied

Mehr

24 März 2009 20:57 #21287 von 69waterproof

69waterproof antwortete auf Re: Modul auf Position aus Conten mit mouseover anzeigen lassen

Beispiel mit CSS:

Code:

<html>
<head>
<style type="text/css">
div#d1 {
  	 background-color: green;
	width: 250px;
	height: 200px;
	margin: auto;
}
div#d2 {
  	 background-color: red;
	width: 100px;
	height: 200px;
	margin: auto;
	visibility: hidden;
}
div#d1:hover div#d2 {
  	 visibility: visible;
	position: absolute;
	left: 200px;
	top: 400px;
}

</style>
</head>
<body>
<div id="d1">
<div id="d2"></div>
</div>
</body>
</html>

Bespiel mit Javascript (aus der oben genannten Emirates-Page geklaut):

Code:

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

mamboo
Autor
Neues Mitglied

Mehr

24 März 2009 22:12 #21291 von mamboo

mamboo antwortete auf Re: Modul auf Position aus Conten mit mouseover anzeigen lassen

Danke, ich probier's aus.

Moderatoren: Tribal6, RePao, Dragonlord, Chris Hoefliger, pascale, adiheutschi.ch

Joomla! Forum Schweiz wird Teil der D-A-CH Community

forum.joomla.de

Modul auf Position aus Conten mit mouseover anzeigen lassen