JQUERY: kleines accordionmenü

spenderorgan · 03.11.2010

hallo zusammen,
ich hab dieses tutorials

das ganze auf eine website angepasst,
soweit so gut, es funktioniert und das menü geht auf und zu.

aber, in einigen menüoberpunkten sind links zu anderen seiten hinterlegt, und sobald das javascript greifen soll, werden diese nicht mehr ausgewertet.
hier mal das menü in seiner gänze

Code:

	function menu_left()
	{
		echo"
			<div id=\"menu_left\">
				<ul>
					<li class=\"border\">
						<div><a href=\"javascript:contentloader(1);\" rel=\"nofollow\">Über doctax
							<p>Wer wir sind</p></a>
						</div>
					</li>		
					<li class=\"border slide\">
						<div>Unser Team
							<p>Mitarbeiter, Weiterbildung</p>
						</div>
						<ul>
							<li><a href=\"javascript:contentloader(21);\">Mitarbeiter</a></li>
							<li><a href=\"javascript:contentloader(22);\">Weiterbildung</a></li>
						</ul>
					</li>
					<li class=\"border slide\">
						<div>Spezialisierungen</a>
							<p>Ärzte, Zahnärzte, Freiberufler</p>
						</div>
							<ul>
							<li><a href=\"javascript:contentloader(31);\">Ärzte, Zahnärzte</a></li>
							<li><a href=\"javascript:contentloader(32);\">Architekten und Ingenieure</a></li>
							<li><a href=\"javascript:contentloader(33);\">Medien, Grafiker, Werbeagenturen und Künstler</a></li>
						</ul>
					</li>
					<li class=\"border slide\">
						<div><a href=\"javascript:contentloader(4)\">Refententätigkeit</a>
							<p>Seminare, Vorträge, Workshops</p>
						</div>
						<ul>
							<li><a href=\"javascript:contentloader(41);\">MenCo</a></li>
						</ul>
					</li>
					<li class=\"last slide\">
						<div>Kontakt
							<p>Was können wir für sie tun</p>
						</div>
						<ul>
							<li><a href=\"javascript:contentloader(51)\">Kontakt aufnehmen</a></li>
							<li><a href=\"javascript:contentloader(52)\">Wegbeschreibung</a></li>
						</ul>
					</li>
				</ul>
			</div>
		";
	}

das genutzte javascript

Code:

	/* <![CDATA[   */                                          
	 $(document).ready(function()
	{
		$(".slide ul").css({"display":"none"});
		$(".slide div").css({"cursor":"pointer"});
		$(".slide div").click(function ()
		{	
			$(".slide ul").slideUp(200);	
			$(this).next().slideDown(200);	
			return false;					
		});
	});
	/* ]]> */

Das problem ist, ich kann gut mit php, aber nicht gut mit javascript, wo muss ich jetzt drehen das die links in den menüoberpunkten ausgewertet werden.

grüße und ein dankeschön schon mal im vorraus,
das spenderlein

cebito · 03.11.2010

AW: JQUERY: kleines accordionmenü

Du rufst hier überall die Funktion "contentloader" auf

HTML:

href=\"javascript:contentloader(1);\"

die vermiss ich hier, poste die mal.

spenderorgan · 03.11.2010

AW: JQUERY: kleines accordionmenü

bitte fein

Code:

		<script type="text/javascript">
			/* <![CDATA[ */
			  google.load("jquery", "1.3.2");
			/* ]]> */
			function contentloader(dataid) {
			$("#inhalt_rahmen").load("scripts/loader.php?menuitem="+dataid+"");
			}
		</script>

die sorgt letztendlich nur dafür das inhalte in nen div geladen werden ohne das die gesamte seite neulädt.

cebito · 03.11.2010

AW: JQUERY: kleines accordionmenü

Ok, ich dachte du switchst die Zahlen (Parameter) in dieser function und steuerst dann dort die anderen Seiten an. Ich kann aber hier nirgendwo sehen, das du auf andere Seiten verlinkst. Kann dir grad irgendwie nicht folgen... :uhm:

spenderorgan · 03.11.2010

AW: JQUERY: kleines accordionmenü

das problem ist ja auch nicht der
javascript:contentloader(1)

sondern die linkanweisung generell ignoriert wird,
es machte kein unterschied ob ich nun eine seite angebe oder es durch ne js funktion schleife

aber der vollständigkeite halber
der inhalt der loader.php

PHP:

<?php
//inhaltsloader linkes menü
		switch($_GET['menuitem'])
		{
			case "1":
				include ("about.php");
			break;		
			case "21":
				include ("mitarbeiter.php");
			break;	
			case "22":
				include ("weiterbildung.php");
			break;	
			case "3":
				include ("spezialisierungen.php");
			break;	
			case "4":
				include ("refententaetigkeit.php");	
			break;
			case "51":
				include ("kontakt.php");
			break;		
			case "51":
				include ("weg.php");
			break;	
			default:
				include ("default.php");
				
		}
?>

hier ist mal schön zu sehn wie ich das meinte

PHP:

					<li class=\"border slide\">
						<div><a href=\"javascript:contentloader(4)\">Refententätigkeit</a>
							<p>Seminare, Vorträge, Workshops</p>
						</div>
						<ul>
							<li><a href=\"javascript:contentloader(41);\">MenCo</a></li>
						</ul>
					</li>

das menü wird sauber ausgeklappt beim klick auf Refententätigkeit, und ich kann dann den unterlink anwählen, der auch sauber geladen wird,
nur ist der menüpunkt Refententätigkeit nicht nur zum aufklappen da, sondern es muss auch gleichzeitig eine seite geladen werden. nur das passiert halt nicht.

cebito · 03.11.2010

AW: JQUERY: kleines accordionmenü

Diese Zeile sollte so ja auch schon reichen.

HTML:

$("#inhalt_rahmen").load("scripts/loader.php?menuitem=" + dataid);

Wird denn das php-script überhaupt aufgerufen?

spenderorgan · 03.11.2010

AW: JQUERY: kleines accordionmenü

ja, wird es

netbandit · 03.11.2010

AW: JQUERY: kleines accordionmenü

nimm doch mal das return false; raus... versuch macht klug

spenderorgan · 03.11.2010

AW: JQUERY: kleines accordionmenü

bleibt beim versuch, will immer noch nicht

cebito · 03.11.2010

AW: JQUERY: kleines accordionmenü

Oh man, grad kein Bock das nachzubauen. Was passiert, wenn du eine Seite direkt lädst, bspw.

HTML:

$("#inhalt_rahmen").load("scripts/about.php");

spenderorgan · 03.11.2010

AW: JQUERY: kleines accordionmenü

ööffh, kopf->tisch,
das return false wars, was stockte, der browser hat nicht richtig neugeladen, nun gehts,

jetzt müssmer dem nur noch austreiben das das menü zu und auf springt wenn man noch mal drauf klickt

hier mal die url

gehs mal durch, dann weist was ich mein^^

cebito · 03.11.2010

AW: JQUERY: kleines accordionmenü

Du musst halt hier

HTML:

        $(".slide div").click(function ()
        {    
            $(".slide ul").slideUp(200);    
            $(this).next().slideDown(200);                    
        });

vorher überprüfen, ob der schon offen ist, wenn ja, zweite Anweisung weglassen...

spenderorgan · 07.11.2010

AW: JQUERY: kleines accordionmenü

eine verständnissfrage zur folgenden funktion

Code:

function contentloader(dataid)
 {
$("#inhalt_rahmen").load("scripts/loader.php?menuitem="+dataid+"");
}

wo überall gilt die $_GET[menuitem], die normalerweise in jedem script gilt was gleichzeitig mit aufgerufen wird, und warum kann ich nur zahlen übergeben und keine worte?

netbandit · 08.11.2010

AW: JQUERY: kleines accordionmenü

ray83 schrieb:
eine verständnissfrage zur folgenden funktion

Code:

function contentloader(dataid) { $("#inhalt_rahmen").load("scripts/loader.php?menuitem="+dataid+""); }

wo überall gilt die $_GET[menuitem], die normalerweise in jedem script gilt was gleichzeitig mit aufgerufen wird, und warum kann ich nur zahlen übergeben und keine worte?

Strings sollte natürlich auch entsprechend gekennzeichnet und z.B. in Hochkomma gesetzt werden

javascript:contentloader(test) ... funktioniert nicht

javascript:contentloader('test') ... funktioniert

Dann sollte 'test' natürlich auch in Deinem 'switch' berücksichtigt werden

Grüße

spenderorgan · 08.11.2010

AW: JQUERY: kleines accordionmenü

danke fein, warum komm ich da net selber drauf, das funzt schon mal,
jetzt ist nur noch die GET ein problem,

was genau macht die load()?
auch wenn der käse in ein div geladen wird,
ich kann weder auf vordefinierte funktionen zugreifen, noch die GET woanders abgreifen