kostenloser Webspace werbefrei: lima-city


Searchfunktion lässt sich nicht anklicken

lima-cityForumSonstigesSpam und sonstiges Unvergütetes

  1. Autor dieses Themas

    v*****r

    Hallo,

    ENTFERNT
    Gruß

    Beitrag zuletzt geändert: 1.6.2013 23:49:21 von vserver
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. dein slider liegt über dem inputfield deswegen kannste darauf kein focus setzen

    Bild:
    http://s1.directupload.net/file/d/3271/b6pk9a4s_png.htm

    alternative mach ein z-index swap via jQuery

    #head_sup

    z-index:1000;

    auf klick vom slider login/reg bttn z-index:998;
    und beim schliessen wieder 1000 da der slider z-index:999 hat

    $(document).ready(function() {
    	
    	// Expand Panel
    	$("#open").click(function(){
                    $("#head_sup").css('z-index', '998');
    		$("div#panel").slideDown("slow");
    	
    	});	
    	
    	// Collapse Panel
    	$("#close").click(function(){
                    $("#head_sup").css('z-index', '1000');
    		$("div#panel").slideUp("slow");	
    
    	});		
    	
    	// Switch buttons from "Log In | Register" to "Close Panel" on click
    	$("#toggle a").click(function () {
    		$("#toggle a").toggle();
    	});		
    		
    });


    viel spass

    Beitrag zuletzt geändert: 30.5.2013 23:20:34 von n0tiert
  4. Autor dieses Themas

    v*****r

    hab das jetzt so, was habe ich vergessen?

    ENTFERNT

    Gruß & Danke

    Beitrag zuletzt geändert: 1.6.2013 23:49:39 von vserver
  5. vserver schrieb:
    hab das jetzt so, jetzt funktioniert zwar die Searchfunktion aber der Panel lässt sich nicht mehr ausklappen, was habe ich vergessen?

    #head_cen									{width:800px; margin:0 auto}
    #head_sup									{width:800px; float:left; position:relative; z-index: 1000;}
    #head p.search								{width:auto; z-index: 10; margin-top:18px; float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#999999; line-height:25px; letter-spacing:1px}
    #head p.search label						{width:auto; margin-right:10px; float:left}
    #head p.search input.txt					{width:135px; height:21px; margin-right:7px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#2c2d2c; border:0; background:url(../images/searchbg.png) no-repeat}
    #head p.search input.btn					{width:68px; height:21px; float:left; border:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-align:center; cursor:pointer; background:url(../images/searchbtn.png) no-repeat}
    #head p.search input.btn:active				{background-position:2px 2px}


    Gruß & Danke


    schraub alles zurück und teste ma das slider.js was ich angehängt habe sollte es tun :)
  6. Autor dieses Themas

    v*****r

    Das muss ich ja nur hier einbauen oder?

    ENTFERNT

    Beitrag zuletzt geändert: 1.6.2013 23:49:53 von vserver
  7. nein
    unter http://www.tobias-kein.de/urlshorter/js/sliderpanel/slide.js
    liegt die

    und da fügste bzw tauschste den codeblock gegen meinen aus den ich oben geposted habe
  8. Autor dieses Themas

    v*****r

    ja, habs gefunden Danke :) aber klappt noch nich ganz richtig

    ENTFERNT

    Beitrag zuletzt geändert: 1.6.2013 23:50:04 von vserver
  9. vserver schrieb:
    ja, habs gefunden Danke :) aber klappt noch nich ganz richtig, da schiebts mir noch etwas anderes auch drüber. Da ist irgendwas verdreht weil beim ausgeklappten funktioniert die Searchbar


    keene panik , halbe miete


    #head_sup {
    float: left;
    position: relative;
    width: 800px;
    z-index: 1000;
    }

    einfügen so, dann nochmal schauen


    Beitrag zuletzt geändert: 30.5.2013 23:40:46 von n0tiert
  10. Autor dieses Themas

    v*****r

    Ja, jetzt ist es irgendwie genau andersrum, ausklappen lässt sich der Panel nicht aber die Searchbar funktioniert wieder :)
  11. komma in chat , einfacher
  12. Autor dieses Themas

    v*****r

    SCRIPT WURDE ENTFERNT

    Beitrag zuletzt geändert: 1.6.2013 23:50:32 von vserver
  13. $(document).ready(function() {
    	
    	// Expand Panel
    	$("#open").click(function(){
    		$("div#panel").slideDown("slow");
                    $("#head_sup").css('z-index', '998');
    		$("#topsliderpanel").css('z-index', '1000');
    	});	
    	
    	// Collapse Panel
    	$("#close").click(function(){
                    $("div#panel").slideUp("slow");
                    $("#head_sup").css('z-index', '1000');
    	        $("#topsliderpanel").css('z-index', '999');
    	});		
    	
    	// Switch buttons from "Log In | Register" to "Close Panel" on click
    	$("#toggle a").click(function () {
    		$("#toggle a").toggle();
    	});		
    		
    });


    Beitrag zuletzt geändert: 31.5.2013 0:24:19 von n0tiert
  14. Autor dieses Themas

    v*****r

    SCRIPT WURDE ENTFERNT

    Beitrag zuletzt geändert: 1.6.2013 23:50:44 von vserver
  15. hier ein div drum
    <div id="mainmenu" class="maimenu">
    <ul>
    <li><a class="active" href="index.html">Startseite</a></li>
    <li><a href="about.html">FAQ</a></li>
    <li><a href="services.php">Paste</a></li>
    <li><a href="contact.php">Forum</a></li>
    </ul>
    </div>
  16. Autor dieses Themas

    v*****r

    MENUSCRIPT ENTFERNT

    Beitrag zuletzt geändert: 1.6.2013 23:51:00 von vserver
  17. so wir haben das hier ja geändert

    #head_cen {
    margin: 0 220px auto;
    }

    jetzt sitzt der div wieder über den slider

    und #topsliderpanel sollte default z-index: 1000 haben

    #topsliderpanel {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    }

    #head_cen {
    margin: 0 440px auto;
    }

    dann geht´s wieder nur passt dann wieder das logo/menu nicht wie du es wolltest ......

    das muss anders gebaut werden
    zip das mal zusammen geb mir den link.....



    Beitrag zuletzt geändert: 31.5.2013 10:13:42 von n0tiert
  18. Autor dieses Themas

    v*****r

    Hey, hast ne PM :)

    Gruß & Danke
  19. vserver schrieb:
    Hey, hast ne PM :)

    Gruß & Danke


    habs downloaded

    soo ich schau mal rein .....
  20. Autor dieses Themas

    v*****r

    Habs nochmals aktualisiert, kannst es nochmals runterladen.

    Beitrag zuletzt geändert: 1.6.2013 23:51:24 von vserver
  21. vserver schrieb:
    Habs nochmals aktualisiert, kannst es nochmals runterladen, der Panel klappt jetzt aus :) nur ist noch etwas verschoben und beim einklappen kommt die Searchbar so in den Vordergrund :)



    schaus dir ma bei mir jetzt an :)

    $(document).ready(function() {
    
    	// Expand Panel
    	$("#open").click(function(){
    			$("div#panel").slideDown('slow');
    			$("#head_sup").css('z-index', '998');
    			$("#topsliderpanel").css('z-index', '1000');
    			
        });
    	
    	// Collapse Panel
    	$("#close").click(function(){
                    // onComplete swap z-index
    		$("div#panel").slideUp('slow', function() {
    			$("#head_sup").css('z-index', '1000');
    			$("#topsliderpanel").css('z-index', '999');
    		});
    	});	
    
    	// Switch buttons from "Log In | Register" to "Close Panel" on click
    	$("#toggle a").click(function () {
    		$("#toggle a").toggle();
    	});	
    
    });


    übernehme dem code 1:1

    Beitrag zuletzt geändert: 31.5.2013 15:32:20 von n0tiert
  22. 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

Login zum Webhosting ohne Werbung!