JS: Invoegen extra aanhalingstekens

[NLCOMP]

Bericht 1 van 8

NL Computer Forum ~ SQL & Programmeren

Van	:	Stefan de Best (Sysop)	Datum	:	11-12-2007
Aan	:	Allen	MsgID	:	3665.1
Onderwerp	:	JS: Invoegen extra aanhalingstekens	Forum	:	ws-nlcomputer

Hallo!,
Ik heb het volgende JavaScript-event gebruikt:

   onmouseover="return overlib('<LI>Northernkick van Wiessner');"

Nu probeer ik bij de HTML-tag <LI> een type toe te voegen, zodat er een getal voor komt te staan (<LI Type="1">). Nu moeten die aanhalingstekens erbij als je dit in IE wilt laten werken. Probleem is echter dat er een fout optreedt zodra er botweg een aanhalingsteken wordt toegevoegd (") zoals hieronder:

   onmouseover="return overlib('<LI Type="1">Northernkick van Wiessner');"

Is ook logisch want de aanroep van overlib wordt plots afgebroken, met onvolledige parameters tot gevolg. Nu meen ik me te herinneren dat je dit probleem met die aanhalingstekens op kan lossen door gebruik te maken van slashes of backslashes.
Ik heb echter diverse combinaties met beide geprobeerd, maar het wil nog niet lukken. Weet iemand hoe dat werkt?
 

S t e f a n

    Overzicht van 150 oude en minder bekende zwemslagen
    http://tinyurl.com/yuojv[/]  

Bericht 2 van 8

NL Computer Forum ~ SQL & Programmeren

Van	:	Michel Uphoff (Sysop)	Datum	:	11-12-2007
Aan	:	Stefan de Best (Sysop)	MsgID	:	3665.2
Onderwerp	:	JS: Invoegen extra aanhalingstekens	Forum	:	ws-nlcomputer

Hoi Stefan,
onmouseover="return overlib('<LI Type=\"1\">Northernkick van Wiessner');"
Al geprobeerd? Ik dacht dat dat zou moeten werken, maar heb het niet getest.
Michel Uphoff (NLcomputer)
Homepage

Bericht 3 van 8

NL Computer Forum ~ SQL & Programmeren

Van	:	Stefan de Best (Sysop)	Datum	:	11-12-2007
Aan	:	Michel Uphoff (Sysop)	MsgID	:	3665.3
Onderwerp	:	JS: Invoegen extra aanhalingstekens	Forum	:	ws-nlcomputer

Hoi Michel,
Ja. Voor de zekerheid nog eens geprobeerd, maar dat gaat niet goed; alles vanaf "Northernkick" wordt dan als gewone tekst buiten het script op de pagina geplaatst.

S t e f a n

    Overzicht van 150 oude en minder bekende zwemslagen
    http://tinyurl.com/yuojv[/]  

Bericht 4 van 8

NL Computer Forum ~ SQL & Programmeren

Van	:	Peter	Datum	:	12-12-2007
Aan	:	Stefan de Best (Sysop)	MsgID	:	3665.4
Onderwerp	:	JS: Invoegen extra aanhalingstekens	Forum	:	ws-nlcomputer

Hoi Stefan,

De overLIB FAQ zegt o.a. dit:
---
How do I make overLIB show texts with quotes in them. I get JavaScript errors when I try to do it.
Browsers treat quotes as string delimiters, therefore you must place a backslash before a quote that you want overLIB to display. Example:

overlib('overLIB\'s homepage.');

However, any embedded double quotes must be replaced by the HTML entity &quot;.
---

Lukt het met die laatste opmerking?


Peter





Bericht 5 van 8

NL Computer Forum ~ SQL & Programmeren

Van	:	Stefan de Best (Sysop)	Datum	:	12-12-2007
Aan	:	Peter	MsgID	:	3665.5
Onderwerp	:	JS: Invoegen extra aanhalingstekens	Forum	:	ws-nlcomputer

Hoi Peter,
Nee, helaas niet. Ik heb echt diverse combinaties geprobeerd:

Code: [Selecteer]

<LI Type=&quot;1&quot;>
<LI Type=\&quot;1\&quot;>
<LI Type="1">
<LI Type="1">
<LI Type=\"1\">
<LI Type='1'>
<LI Type=\'1\'>
<LI Type=1>...en heel in het begin zelfs nog met een forward-slash (/). Het is wel duidelijk dat áls het met een slash moet, dan is het met een back-slash (\). Sommige combinaties werken wel in b.v Opera, maar IE6 is een stuk strikter wat dat betreft.
Mocht dit echt niet gaan lukken dan is er nog een andere manier om getallen ervoor te krijgen zonder gebruik te maken van Type="" en dat is door het hard invoegen van de getallen zelf. Dus:

   onmouseover="return overlib('<LI>1. Northernkick van Wiessner');"

Maar het liefst doe ik het op de nette manier natuurlijk. Bij verandering in volgorde van een lijst hoef je de dan getallen niet opnieuw in te vullen. Bij gebruik van Type="1" gebeurt dan automatisch. ;-)

S t e f a n

    Overzicht van 150 oude en minder bekende zwemslagen
    http://tinyurl.com/yuojv[/]  

Bericht 6 van 8

NL Computer Forum ~ SQL & Programmeren

Van	:	Michel Uphoff (Sysop)	Datum	:	12-12-2007
Aan	:	Stefan de Best (Sysop)	MsgID	:	3665.7
Onderwerp	:	JS: Invoegen extra aanhalingstekens	Forum	:	ws-nlcomputer

Hoi Stefan,
Het moet haast aan overlib liggen.  Andere (en programmatisch mooiere) de-tour zou het gebruiken van een stijl zijn, zodat je de quotes niet nodig hebt.

Code: [Selecteer]

<OL STYLE="list-style-type: decimal;">
<LI>Eerste</LI>
<LI>Tweede</LI>
</OL>Of, als je het vaker in de pagina wilt gebruiken:

Code: [Selecteer]

<html>
<head>
<STYLE TYPE="text/css">
OL {list-style: decimal;}
</style>
</head>
<body>
<OL>
<LI>Eerste</LI>
<LI>Tweede</LI>
</OL>

<OL>
<LI>Nieuwe lijst eerste</LI>
<LI>Etcetera Tweede</LI>
</OL>
Michel Uphoff (NLcomputer)
Homepage

Bericht 7 van 8

NL Computer Forum ~ SQL & Programmeren

Van	:	Stefan de Best (Sysop)	Datum	:	13-12-2007
Aan	:	Michel Uphoff (Sysop)	MsgID	:	3665.8
Onderwerp	:	JS: Invoegen extra aanhalingstekens	Forum	:	ws-nlcomputer

Hoi Michel,
Ach natuurlijk, CSS gebruiken kan ook nog, ja! Stond ik even niet bij stil.
Omdat overLib verschillende malen in de pagina word gebruikt, heb ik gekozen voor je tweede oplossing:

Code: [Selecteer]

  <HEAD>
    <STYLE TYPE="text/css">
      UL {list-style-type: decimal}
    </STYLE>
  </HEAD>Hoe e.e.a. uiteindelijk is geworden kun je hier bekijken.
Bedankt!

S t e f a n

    Overzicht van 150 oude en minder bekende zwemslagen
    http://tinyurl.com/yuojv[/]  

Bericht 8 van 8

NL Computer Forum ~ SQL & Programmeren

Van	:	Michel Uphoff (Sysop)	Datum	:	14-12-2007
Aan	:	Stefan de Best (Sysop)	MsgID	:	3665.9
Onderwerp	:	JS: Invoegen extra aanhalingstekens	Forum	:	ws-nlcomputer

Hoi Stefan,
>> uiteindelijk is geworden <<
Mooi!
Handige combi van een imagemap en overlib.
Michel Uphoff (NLcomputer)
Homepage