Oversættelse fra asp til php

Jeg kan ikke ASP, men mit bud er:

<a href="?site=aaaa">aaaa</a>
<?PHP if ($_GET['site'] == 'aaaa') { ?>
    <a href="?site=aaaa&sub=1111">1111</a>
    <a href="?site=aaaa&sub=2222">2222</a>
<?PHP } ?>

Det virker osse fint.
Men den kan ikke det, som jeg troede den kunne:
Det er meningen, at dem fra start kun skal vise menuen

aaaaa

- og når klikker på den, skal den folde sig ud, så der 111 og 222 dukker frem under aaaa

Ved du, hvordan man gør det?

Så er det Javascript du skal have fat i - følgende burde virke:

<a href="#" onclick="document.getElementById('general').style.display=(document.getElementById('aaaa').style.display=='none' ? 'block' : 'none')">aaaa</a>
<div id="aaaa">
  <a href="?site=aaaa&sub=1111">1111</a>
  <a href="?site=aaaa&sub=2222">2222</a>
</div>

Første linie skal selvfølgelig være

<a href="#" onclick="document.getElementById('aaaa').style.display=(document.getElementById('aaaa').style.display=='none' ? 'block' : 'none')">aaaa</a>

Lige glemt at rette noget da jeg kopierede over :)

Men det skal være php, fordi Google og andre kan finde igennem menuen, hvis den er lavet i php, men ikke i javascript

De kan i den her, da menuen altid vil være vist i kildeteksten (det er bare browseren der ikke viser den). Men ellers bliver du nødt til at opdatere den side der indeholder menuen, og se hvad der er blevet klikket på (der bruger du den kode jeg skrev til at starte med).

Hvis menuen skal være skjult som standard, skal du i øvrigt lige have en style="display:none;" på det div-tag.

Men menuen skal ligge i en include fil, og det er jo ikke så brugervenligt at gæster skal reloade  ;-)

Så bruger du Javascript løsningen, der (som jeg lige nævnte) ikke kræver reload. Du udelukker dog folk der ikke har Javascript aktiveret/installeret med mindre du også bruger det til at foretage den oprindelige skjulning.

Så forstår jeg dig vist ikke rigtig. Mener du, at koden:
<a href="#" onclick="document.getElementById('general').style.display=(document.getElementById('aaaa').style.display=='none' ? 'block' : 'none')">aaaa</a>
<div id="aaaa">
  <a href="?site=aaaa&sub=1111">1111</a>
  <a href="?site=aaaa&sub=2222">2222</a>
</div>

Om igen:
Så forstår jeg dig vist ikke rigtig. Mener du koden her:
<a href="#" onclick="document.getElementById('general').style.display=(document.getElementById('aaaa').style.display=='none' ? 'block' : 'none')">aaaa</a>
<div id="aaaa">
  <a href="?site=aaaa&sub=1111">1111</a>
  <a href="?site=aaaa&sub=2222">2222</a>
</div>

Du skal lige huske de rettelser jeg kom med senere hen ;)

<a href="#" onclick="document.getElementById('aaaa').style.display=(document.getElementById('aaaa').style.display=='none' ? 'block' : 'none')">aaaa</a>
<div id="aaaa" style="display:none">
  <a href="?site=aaaa&sub=1111">1111</a>
  <a href="?site=aaaa&sub=2222">2222</a>
</div>

vil lade Google følge links, og vil samtidigt undgå reload, ja. Alternativt ville være det her, der gør at menuen kun bliver skjult hvis brugeren har java script:

<a hre<a href="#" onclick="document.getElementById('aaaa').style.display=(document.getElementById('aaaa').style.display=='none' ? 'block' : 'none')">aaaa</a>
<div id="aaaa">
  <a href="?site=aaaa&sub=1111">1111</a>
  <a href="?site=aaaa&sub=2222">2222</a>
</div>
<script language="JavaScript" type="text/javascript">
<!--
  document.getElementById('aaaa').style.display='none';
//-->
</script>

Det ser godt ud! Kan man også lave den i 3 niveauer?
Jeg mindes at have læst et sted, at google har problemer, hvis der et et ? i et link - men der her er måske noget andet?

Det skulle den nu ikke gerne have, da der er et utal af sider hvor det bruges - men ellers kan du, hvis du er på en Apache server, bruge mod_rewrite til at gøre dine URLs pænere.

Og ja, du kan godt lave den på tre niveauer, bare gentag samme princip:

<a href="#" onclick="document.getElementById('aaaa').style.display=(document.getElementById('aaaa').style.display=='none' ? 'block' : 'none')">aaaa</a>
<div id="aaaa">
  <a href="#"onclick="document.getElementById('aaaa_1111').style.display=(document.getElementById('aaaa_1111').style.display=='none' ? 'block' : 'none')">1111</a>
  <div id="aaaa_1111">
    <a href="?site=aaaa&sub=1111&subsub=2111">2111</a>
  </div>
  <a href="?site=aaaa&sub=2222">2222</a>
</div>
<script language="JavaScript" type="text/javascript">
<!--
  document.getElementById('aaaa').style.display='none';
  document.getElementById('aaaa_1111').style.display='none';
//-->
</script>

Det ser godt ud. Bliver desværre nødt til at vente med at kigge nærmere på det.

Det er helt i orden - bare du lige melder tilbage når du har kigget på det ;)

Der er stadig et lille problem:
Hvis man klikker på aaaa, derefter på 1111, så åbnes niveau 3 (2111) fint.
Men hvis man så lukker det hele ved at klikke på aaaa, og derpå klikker på aaaa igen, så er både niveau 2 og 3 åbnet.

så bruger du i stedet for den første linie:

<a href="#" onclick="document.getElementById('aaaa').style.display=(document.getElementById('aaaa').style.display=='none' ? 'block' : 'none'); document.getElementById('aaaa_1111').style.display='none';">aaaa</a>

Med andre ord, for hvert overniveau skjuler du underniveauer. Det bliver dog rimeligt kopmliceret hvis du skal lave den dynamisk (omend det langt fra er umuligt!)

Hvad mener du med "hvis du skal lave den dynamisk" - er den ikke det?

Jeg mener at det bliver besværligt hvis du skal gemme din menu i en datbase og generere din HTML ud fra den, eftersom du skal kende alle underkategorierne til en kategori (ellers vil du opleve det med at flere niveauer åbnes).

Som det er nu, er det jo statisk HTML du har med at gøre - selve koden ændrer sig ikke uden at du ændrer filen. Det er nemmere på den måde, fordi du ikke skal have PHP til at lave en liste over underkategorier - det kan du nemt gøre selv.

De skal ikke en db, men i en include fil.
Men jeg skal faktisk have ca. 15 links med 1, 2 eller 3 niveauer.
Skal man så gentage koden eller?

Ja, det skal du - naturligvis skal du huske at rette til så alle <div>-navne er unikke og passer sammen med onclick-attributterne.

Desuden udelukker det at bruge en include fil jo ikke dynamisk opbygning ud fra en database, så det alene siger jo ikke så meget ;)

Men nu har jeg på http://www.netsteder.dk/raad/standard/index.html læst følgende:

De sider, der følger specifikationerne, får bedre placeringer i søgemaskiner. Søgemaskinerne bruger robotter til at indexere netstederne, og disse robotter er meget simple. De kan fx typisk ikke finde ud af at følge links, der bruger javascript.

Det er også korrekt, men der er tale om links hvor selve HTML-koden bliver genereret ud fra Javascript. Det er ikke tilfældet her, så der er ingen problemer.

Dog vil en browser (kun browser, ikke søgemaskiner) UDEN javascript enten ikke kunne følge dine links (hvis de som standard er skjult), eller også vil de se dem alle på en gang (hvis dine links bliver skjult når dokumentet loades, eller hvis deres browser ikke understøtter CSS) - det slipper du ikke udenom hvis du ikke vil reloade. En søgemaskine er dog bedøvende ligeglad, da den blot skanner koden igennem efter <a>-tags.