[TYPO3-german] jQuery Frage

[Christian Platt]

Ich nutze eine Timeout funktion für diese Fälle


$("selector").mouseover(function() {		//wenn er über dem Selector
$(this).doTimeout( 'text-type', 500, function(){	//erst nach 500 ms weiter irgendetwas machem
	megamenu_show();	//wie auch immer...
	});
});


die function doTimeout muss auch noch eingebunden werden
sihe Quelle und mehr hier...
 http://benalman.com/projects/jquery-dotimeout-plugin/


Liebe Grüße
Christian

Am 19.06.2013 um 13:55 schrieb Michael Holzer:

> Hallo zusammen,
> 
> 
> 
> ich hab ein kleines Problem das jetzt nicht direkt was mit TYPO3 zu tun hat.
> 
> 
> 
> Ich muss das aufklappen eines Dropdown Menüs verzögern bin aber was jQuery angeht ein totaler Laie.
> 
> Das Dropdown soll sich erst öffnen wenn man mit der Maus 500ms auf dem Oberpunkt verweilt.
> 
> 
> 
> Ich hab schon mit hoverIntent etc. rumprobiert aber gebracht hats dummerweise nix L
> 
> Evt. Hat ja einer nen Tipp für mich.
> 
> 
> 
> Hier wäre mal das CSS des Menüs und die Seite 
> 
> 
> 
> http://mp.df-kunde.de/municall_de/
> 
> 
> 
> /* general */
> .dropdown, .menu-sub, .submenu {
>  list-style:none;
> }
> 
> #mainmenu { 
>  /*background:url(../../images/background/menu.jpg) repeat-x;*/
>  background:#0D64C6;
>  width:950px;
>  height:40px; 
>  border:3px solid #d3d6db; 
>  /*border-left:3px solid #d3d6db; 
>  border-right:3px solid #d3d6db; */
>  margin:13px 66px 10px 61px; 
>  position:relative; 
>  z-index:1000; 
> }
> #mainmenu .menu-item a {
>  color:#fff; 
> 
>  letter-spacing:1px; 
>  padding:3px 10px 0 15px;
> }
> 
> 
> /* first level */
> 
> .dropdown
> {
>  width:100%;
>  position:relative;
> }
> 
> .menu-item
> {
>  background:url(../../images/menu/separator.png) no-repeat right top;
>  float:left;
>  height:31px;
>  line-height:30px;
>  text-transform:uppercase; 
> }
> 
> /*.menu-item>a
> {
>  display:inline-block;
>  height:30px;
>  padding:7px 20px 3px 25px !important;
>  font-size:13px;
>  font-weight:bold;
> }*/
> 
> #mainmenu .menu-header {
>  color:#fff;
>  font-weight:bold;
>  padding:5px 0 0 0;
> }
> #mainmenu .menu-item {
>  display:inline-block;
>  height:30px;
>  padding:7px 10px 3px 10px !important;
>  font-size:13px;
>  font-weight:bold;
>  color:#fff;
> }
> #mainmenu .menu-item:hover {
> 
>  background-color:#233459;
>  cursor:default;
> }
> 
> .menu-item:hover>a
> {
>  background-color:#233459;
>  color:#fab62a;
> }
> 
> 
> /* second level */
> 
> .menu-sub
> {
>  background:url(../../images/background/bg_subnav.png);
>  /*background:#233459;*/
>  position:absolute;
>  top:39px;
>  left:0;
>  width:100%;
> }
> .menu-sub a {
>  text-transform:none;
>  font-size:12px;
>  font-weight:bold;
> }
> .menu-sub {
>  display:none;
> }
> .menu-item:hover .menu-sub
> {
>  display:block;
> }
> 
> .menu-sub-col
> {
>  float:left;
>  width:210px;
>  text-transform:none;
>  border-right: 1px solid #35497a;
>  min-height:320px;
> }
> 
> 
> .menu-sub-col>a
> {
>  display:block;
>  /*background:#162138;*/
>  margin:5px 2px;
> }
> 
> .menu-sub-col>a:hover
> {
>  /*background-color:#162138;*/
>  cursor:default;
> }
> 
> 
> /* third level */
> 
> .submenu
> {
> }
> 
> .submenu-item
> {
>  font-size:11px;
>  line-height:20px !important;
> }
> 
> .submenu-item>a
> {
>  font-size:11px;
>  display:block;
>  font-weight:normal;
> }
> 
> .submenu-item>a:hover
> {
>  color:#295BC4 !important;
> /* background:#091738;*/
> }
> 
> 
> .js-dmenu-page {
>  width:290px;
>  color:#fff;
>  padding:15px 10px 0 10px;
>  line-height:15px;
>  font-size:10px;
> }
> .js-dmenu-page p {
>  margin-bottom:8px;
> }
> .js-dmenu-page h1 {
>  font-size:12px;
> }
> .js-dmenu-page a {
>  font-size:10px;
>  margin:0;
>  padding:0 !important;
>  letter-spacing:0px !important;
> 
> }
> /* page desc */
> 
> .dmenu-page
> {
>  float:left;
> }
> 
> .page-data {
>  display:none;
> }
> 
> .page-title
> {
> }
> 
> .page-desc
> {
>  width:100%;
>  line-height:1em;
>  padding:8px 0 0 25px;
>  color:#fff;
> }
> 
> #mainmenu .page-link
> {
>  display:inline;
>  font-size:1em;
>  line-height:1em;
>  letter-spacing:0;
>  text-transform:none;
>  margin:0;
>  padding:0 0 0 25px;
>  color:#fff;
>  background:0;
> 
> }
> #mainmenu .page-link:hover,
> #mainmenu .page-link:focus
> {
>  text-decoration:underline;
> }
> 
> /* Trenner */
> .trenner {
>  margin:10px 0 0 10px;
> }
> 
> Mit freundlichen Grüßen
> 
> Michael Holzer
> Webdesign / Flottensteuerung
> 
> MP-TELEKOMMUNIKATION GMBH
> Telekommunikation - Medienagentur - Telematiksysteme
> 
> Puricellistraße 34
> 93049 Regensburg
> 
> Telefon   +49 (0) 941 29 86 19 - 0
> Telefax   +49 (0) 941 29 86 19 - 20 
> Web        www.mp-telekommunikation.de <http://www.mp-telekommunikation.de/> 
> Mail         mh at mp-telekommunikation.de <mailto:mh at mp-telekommunikation.de> 
> 
> Folgen Sie uns auf Facebook. Wir freuen uns auf Sie!
> www.facebook.com/mp.telekommunikation <http://www.facebook.com/mp.telekommunikation> 
> Folgen Sie uns auf Twitter. Wir freuen uns auf Sie!
> www.twitter.com/mp_tele <http://www.twitter.com/mp_tele> 
> 
> Registergericht Regensburg HRB 10239
> Geschäftsführer: Armin Prommersberger
> Umsatzsteuer ID-Nr: DE 249 436 976
> 
> 
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german