[js] wat is er fout aan deze regel???

[wacco]

hij geeft een fout, en als ik debug doe dan gaat ie op een regel staan die ik niet mooier had kunnen bedenken...

code:

[b]scrip.js, geincluded[/b]
<!--
function menuschuif(var)
{
  var2 = "forum" + var;
  var3 = "knop" + var;
  var4 = document.getElementById(var2);
  if (var4.style.display == "none")
  {
    var4.style.display = "";
    document.getElementById(var3).src = "images/pijlbeneden.png";
  }
  else
  {
    var4.style.display = "none";
    document.getElementById(var3).src = "images/pijlomhoog.png";
  }
}
//-->

en dan roep ik em zo aan:

code:

<a onClick="menuschuif('1')">[img]"images/pijlomhoog.png"[/img]</a>
...met verderop dit:
<span id="forum1">
  <tr>
    <td width="527" colspan="2">lalala</td>
  </tr>
</span>

zodra ik em bekijk in internet explorer geeft ie al een error...
fout: verwacht id
debug gaat staan op de regel met var2 = "forum" + var;
argh!

[Blue-eagle]

var var2 = "forum" + var;

Moet zowieso wel als je het netjes houd, misschien is het de oplossing?

[wacco]

nope, dat was het niet.
maar toen bedacht ik me wel dat 'var' gereserveerd was
van var vartjuh gemaakt, en meuk werkt
thanxx

[wacco]

damn... verre van perfectie kom ik nu achter

Hij hapert (klik je erop, doet ie het soms wel, soms niet) en m'n styel verandert dus gewoon NIET. Terwijl die het eerst wel deed (had een ander javascriptje geschreven voor specifiek 2 stuks, maar nu wilde ik em dus ombouwen naar 1, zodat ik er meer kon gebruiken achter elkaar)
D'r zit dus nog iets fout...

[Bosmonster]

display = "" ??

Lijkt me geen geldige display-waarde.

inline, block, none

en meer van dat soort zaken wel

[wacco]

mja, ouwe code
d'r staat ondertussen ook al block... niet dat het helpt.

code:

<!--
function menuschuif(vartjuh)
{
  var var2 = "forum" + vartjuh;
  var var3 = "knop" + vartjuh;
  var var4 = document.getElementById(var2);
  if (var4.style.display == "none")
  {
    var4.style.display = "block";
    document.getElementById(var3).src = "images/pijlomhoog.png";
  }
  else
  {
    var4.style.display = "none";
    document.getElementById(var3).src = "images/pijlbeneden.png";
  }
}
//-->

code:

<a onClick="menuschuif('1')">[img]"images/pijlomhoog.png"[/img]</a>
...
<td width="527" colspan="2"><span id="forum1" style="DISPLAY: none">lalala</span></td>

zo ziet het er nu uit...
de display lijkt gewoon niet te werken...

[ Voor 0% gewijzigd door wacco op 26-10-2002 00:35 . Reden: stomme typo ]

[Hangloozz]

bij mij werkt het gewoon hoor.
ok, je kan niet als een bezetene op die link stampen want dan slaat ie een display change wel es over maar de werking is verders goed.

je zou nog ipv spans divs kunnen gebruiken maar dat maakt inhoudelijkerwijs niets uit.

[wacco]

hmm... heel vaag. Als je de code zo los test werkt het idd...
tjek www.jlpro.nl/wacco
heb em ff bij kennis gehost (z'n php werkt nog niet, dus dit is ff een php-loze versie ). Kan je zien dat het in dit tekstverband (?) niet werkt...

[Hangloozz]

jajajaja...wat is dit nou toch:

HTML:

<style id="forum1">
                        <tr>
                          <td width="527" colspan="2">Met uitklapstukje</td>
                        </tr>
                        </style>

kiep dat er eens uit of maak het netjes en je zult zien

voor de rest komt ie trouwens ook netjes door de validator

[wacco]

ARGH!!!
das er dus ergens ingeslopen tijden copy-pasten
D'OH!
* wacco knalt zichzelf door z'n kop
of nog beter,
* wacco knalt z'n copy-past skillzz naar de tierelantijnen

offtopic:
kewl, had de validator nog niet eens getest
zijn m'n html skillzz toch nog niet zo slecht
en sinds wanneer kunnen <img> zonder alt-tag door de bocht?

[Woudloper]

het display gebeuren werkt toch alleen onder IE Ik dacht namelijk niet dat je dat ook kon gaan gebruiken onder Mozilla/ NS7 o.i.d.?

[wacco]

kweet niet... ns6 werkt fijn, zolang je maar getElementById() doet.
(ie kan ook zonder dat stukje)

[crisp]

Woudloper schreef op 26 oktober 2002 @ 08:02:
het display gebeuren werkt toch alleen onder IE Ik dacht namelijk niet dat je dat ook kon gaan gebruiken onder Mozilla/ NS7 o.i.d.?

display is gewoon onderdeel van de CSS1 recommendation; waarom zouden NS en Mozilla dat niet ondersteunen?

[Woudloper]

crisp, dat dacht ik althans!? Had ik het waarschijnlijk fout...

Ik heb namelijk ooit (in een ver verleden) met een functie gewerkt die ook gebruik maakte van display...

ff zoeken, ja hier is wat:

JavaScript:

function ToggleItems(buttonImage, itemsParagraph) {

   if (itemsParagraph.style.display = 'none') {
      buttonImage.src = 'images/minus.gif';
      itemsParagraph.style.display = 'block';
   } 
   else  {
      buttonImage.src = 'images/plus.gif';
      itemsParagraph.style.display = 'none';
   }
}

Dit stukje code wat geloof ik bedoeld om een volgende situatie te bewerkstelligen

Hoofdstuk 1

• Paragraaf 1
• Paragraaf 2
• etc...

Dit dan natuurlijk voor meerdere hoofdstukken (met +/- ervoor). Die hoofdstukken bestonden uit <P> elements met daarin gewoon links naar de diverse pagina's etc. toe. Als je op de link van Hoofdstuk 1 klikt werd er bij het OnClick gebeuren ToggleItems(button1,paragraph1); aangeroepen.

Even ilustreren met html:

HTML:

<p class="heading" style="display: block;">
 <a href="#" onclick="ToggleItems(button1,paragraph1);">
  [img]"images/minus.gif"[/img]Hoofdstuk 1
 </a>
</p>
<p class="subheadings" id="paragraph1">
 <a href="hoofdstuk1.html#paragraph1">Paragraaf 1</a>
 <a href="hoofdstuk1.html#paragraph2">Paragraaf 2</a>
 <a href="hoofdstuk1.html#etc...">etc...</a>
</p>

Om de één of andere reden heb ik dit toen (* Woudloper zijn kennis van html/js was toen nog niet zo groot ) niet aan de praat kunnen krijgen voor NS en toen ben ik maar overgestapt naar visibility en het werken met div's...

Om een lang topic kort te maken Ik ben er toen(tertijd) maar vanuit gegaan dat display niet werkte voor NS (en in een later stadium dus ook voor Mozilla). Mijn fout dus...

[ Voor 0% gewijzigd door Woudloper op 26-10-2002 11:55 . Reden: tiebvout ]