ilch Forum » Allgemein » HTML, PHP, SQL,... » Ausfahrbares Login-Menü

Geschlossen
  1. Mo. 05.04.2010 17:03 Uhr #1
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    Hallo Zusammen,

    ich würde gerne für unsere Seite ein ausfahrbares Login-Menü haben, wie es auch auf dieser Seite hier zu sehen ist: externer Link
    Allerdings habe ich keine Ahnung wie das zugehörige JS auszusehen hat, welches durch den Klick auf "Login" ausgeführt wird...

    Hat jemand eine Idee oder ein Tutorial, wo ich mir sowas anschauen kann?
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 05.04.2010 17:24 Uhr #2
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Schau dir diesen Topic an:

    externer Link

    Ist etwas ähnliches, was du so abändern kannst.
    0 Mitglieder finden den Beitrag gut.
  3. Mo. 05.04.2010 20:21 Uhr #3
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    danke schonmal! Ich schau mir das jetzt mal an...
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
  4. Mo. 05.04.2010 22:10 Uhr #4
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    super - funktioniert :-)

    Allerdings habe ich jetzt die Probleme mit meiner Galerie..
    Verwende dazu die Lightbox JS v2.0

    Kann mir jemand helfen? Dass sich die beiden Scripts beißen steht ja schon in dem anderen Thema, allerdings ohne Lösung :-(
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
  5. Mo. 05.04.2010 22:17 Uhr #5
    User Pic
    GeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    jepp hier:
    docs.jquery.com/Using_jQuery_with_Other_Libraries#General
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  6. Mo. 05.04.2010 22:29 Uhr #6
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    Check ich irgendwie nicht ganz...

    Habe das jetzt mal in der gallery.htm eingefügt. Jetzt funzt die Gallery immer :-)
    Das Login-Panel funzt aber nicht, wenn man sich auf der Seite der gallery befindet. Irgendwie muss ich da doch ne Weiche einstellen, oder nicht? Weiß allerdings nicht wie und wo genau..

    @Gecko: Du kannst mir doch bestimmt helfen :-)
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
  7. Mo. 05.04.2010 23:02 Uhr #7
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Du kannst auch eine jQuery Lightbox verwenden:

    leandrovieira.com/projects/jquery/lightbox/

    Ist das beste, alles mit der selben Bibliothek zu verwenden.
    0 Mitglieder finden den Beitrag gut.
  8. Di. 06.04.2010 19:15 Uhr #8
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    hmm bekomme das irgendwie nicht hin...
    bekommme immer diesen Fehler: "$("#gallery a").lightBox is not a function"

    Index.htm [Teil aus dem head]: 
    <!--JQUERY LIGHTBOX-->
		<script type="text/javascript" src="include/designs/bvb/js/jquery.js"></script>
		<script type="text/javascript" src="include/designs/bvb/js/jquery.lightbox-0.5.js"></script>
		<link rel="stylesheet" type="text/css" href="include/designs/bvb/css/jquery.lightbox-0.5.css" media="screen" />
		<script type="text/javascript">
		$(function() {
			$('#gallery a').lightBox();
		});
		</script>
		<!--JQUERY LIGHTBOX-->
		
		<!-- SLIDING LOGIN PANEL -->
		<!-- stylesheets -->
		<link rel="stylesheet" href="include/designs/bvb/slide.css" type="text/css" media="screen" />
		
		<!-- PNG FIX for IE6 -->
		<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
		<!--[if lte IE 6]>
			<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
		<![endif]-->
		 
		<!-- jQuery - the core -->
		<script src="include/designs/bvb/js/jquery-1.3.2.min.js" type="text/javascript"></script>
		<!-- Sliding effect -->
		<script src="include/designs/bvb/js/slide.js" type="text/javascript"></script>
		<!-- SLIDING LOGIN PANEL -->


    Das div um meine gallery hat auch die id "gallery", also woran könnte es noch liegen?

    Hier mal ein Link zum Testen für euch: externer Link
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
  9. Di. 06.04.2010 19:23 Uhr #9
    User Pic
    GeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    ich würde den jQuery -Core mal vor den Libaries einbinden die den Core benötigen

    ausserdem hast du 2x jquery eingebunden ?
    zeile 2 ? was is das ?
    und der Core ist dann ganz unten

    btw. den aktuellen core (1.4.2) würde ich der alten Version vorziehen


    Zuletzt modifiziert von GeCk0 am 06.04.2010 - 19:26:39
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  10. Di. 06.04.2010 19:38 Uhr #10
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Hey,

    hab eine andere "lightbox" gefunden die kompatibel zu sein scheint, mit der anderen habe ich auch bei mir Probleme festgestellt.

    fancybox.net/home

    Am besten bindest du es wie folgt ein:

    Da beide die gleiche jQuery verwenden sollten (1.4.2) diese zuerst, danach die Lightbox + Sliding Panel spezifischen.

    Da dann beide auf die gleiche zugreifen wird dies kaum Probleme machen lächeln

    die function kannst du evtl. noch in eine vorhandene .js einbinden...


    Zuletzt modifiziert von MaddinXx am 06.04.2010 - 19:40:30
    0 Mitglieder finden den Beitrag gut.
  11. Di. 06.04.2010 23:14 Uhr #11
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    also das slide-panel verwendet "jquery-1.3.2.min.js"! Gibt das dann jetzt doch Probleme? Teste das morgen sonst mal...
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
  12. Di. 06.04.2010 23:19 Uhr #12
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Das musst du probieren. Ich habe bis jetzt auch so ziemlich alles durchgeackert bis endlich mal 2 Sachen miteinander kompatibel waren (Slider + Lightbox).

    Am besten bindest du die jQuery die Neuste ein: 
    <!-- Globale jQuery -->
<script src="http://code.jquery.com/jquery-1.4.2.js" type="text/javascript"></script>
<!-- Sliding effect -->
<script src="include/designs/bvb/js/slide.js" type="text/javascript"></script>
<!-- Shadowbox -->
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>


    Dann greifen beide auf die aktuellste Version zu (der Slider wird damit bestimmt klar kommen) und die Shadowbox ist wie gesagt bis jetzt die einzige die bei mir keine Faxen gemacht hat. glücklich


    Zuletzt modifiziert von MaddinXx am 06.04.2010 - 23:19:41
    0 Mitglieder finden den Beitrag gut.
  13. Mi. 07.04.2010 12:35 Uhr #13
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    die fancybox als fertiges modul im betabereich. da waren auch keine fehler drin soweit ich mich erinner. ist die noch nicht freigegeben??
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  14. Mi. 07.04.2010 13:09 Uhr #14
    User Pic
    GeCk0 Hall Of Fame
    Registriert seit
    01.05.2009
    Beiträge
    2.989
    Beitragswertungen
    96 Beitragspunkte
    na du kannst einfach jquery aktualisieren

    die neue version funzt genauso, nur besser und schneller
    Alle Module von mir sind nun unter php-gecko.de erreichbar
    0 Mitglieder finden den Beitrag gut.
  15. Mi. 07.04.2010 22:47 Uhr #15
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    ok, dann versuch ich das mal ;-)

    1x jquery 1.4.2 + slidepanel + lighbox
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
  16. Mi. 07.04.2010 22:51 Uhr #16
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    Läuft :-)

    habs nu so: 
    		<!-- jQuery - the core -->
		<script src="include/designs/bvb/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<!-- jQuery - the core -->
		
<!-- SLIDING PANEL -->
<link rel="stylesheet" href="include/designs/bvb/slide.css" type="text/css" media="screen" />
		
<!-- PNG FIX for IE6 -->
<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
<!--[if lte IE 6]>
<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
<![endif]-->
	
<script src="include/designs/bvb/js/slide.js" type="text/javascript"></script>
<!-- SLIDING PANEL -->
		
<!--Lightbox-->
<script type="text/javascript" src="include/designs/bvb/js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="include/designs/bvb/css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
        $(function() {
            $('#gallery a').lightBox();
        });
</script> 
<!--Lightbox-->



    DANKE für eure Hilfe!!!


    Zuletzt modifiziert von Domme_09 am 07.04.2010 - 22:52:03
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten