/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Problem med innerHTML og "gåseøjne"
Fra : Ukendt


Dato : 07-05-05 12:42

Hej

Jeg sidder og nørkler med lidt innerHTML (javascript) men det giver mig
nogle kvaler ifht. " og '.

Simplificeret (der er også en del ASP rodet ind i det) ser mit problem
således ud:

Jeg vil gerne dynamisk indsætte følgende html ind i en tabelcelle:
<span id="soeskende5slet" style="position: absolute; right: 70px;
cursor:hand; text-decoration:underline;" onClick="soeskendeSlet('5','Anders
Nielsen')">slet</span>

Derfor har har jeg følgende linie i en funktion:
document.getElementById("soeskendecelle").innerHTML = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick="soeskendeSlet('5','Anders
Nielsen')">slet</span>"

Men det giver self. nogle problemer ved onClick da alle "gåseøjnene" jo
begynder at krydse hinanden!

Jeg har også prøvet med disse forskellige syntakser:
document.getElementById("soeskendecelle").innerHTML = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick=/"soeskendeSlet('5','Anders
Nielsen')/">slet</span>"

document.getElementById("soeskendecelle").innerHTML = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick=soeskendeSlet('5','Anders
Nielsen')>slet</span>"

document.getElementById("soeskendecelle").innerHTML = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
text-decoration:underline;' onClick='soeskendeSlet('5','Anders
Nielsen')'>slet</span>"

Alt sammen med forskellige fejlmeldinger til følge!

Er der nogen der kan hjælpe mig?

På forhånd tak

mvh
Anders



 
 
Lasse Reichstein Nie~ (07-05-2005)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 07-05-05 12:59

"Anders Nielsen" <anchSNABELAemail.dk> writes:

> Jeg sidder og nørkler med lidt innerHTML (javascript) men det giver mig
> nogle kvaler ifht. " og '.

> Jeg vil gerne dynamisk indsætte følgende html ind i en tabelcelle:
> <span id="soeskende5slet" style="position: absolute; right: 70px;
> cursor:hand; text-decoration:underline;" onClick="soeskendeSlet('5','Anders
> Nielsen')">slet</span>
>
> Derfor har har jeg følgende linie i en funktion:
> document.getElementById("soeskendecelle").innerHTML = "
....
> onClick="soeskendeSlet('5','Anders Nielsen')">slet</span>"

Her har du et " inden i en "-flankeret streng (eller mere præcist, det
er det du prøver på, det lykkes ikke). For at få lov til det, skal
"'er "escapes":

onclick=\"soeskendeSlet('5','Anders Nielsen')\">slet</span>"
^ ^
altså, sæt backslash ("\") foran de "'er der optræder inden i strengen.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Ryan Kristensen (07-05-2005)
Kommentar
Fra : Ryan Kristensen


Dato : 07-05-05 13:09

On Sat, 07 May 2005 13:41:42 +0200, Anders Nielsen <anchSNABELAemail.dk>
wrote:

> Derfor har har jeg følgende linie i en funktion:
> document.getElementById("soeskendecelle").innerHTML = "<span
> id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
> text-decoration:underline;' onClick="soeskendeSlet('5','Anders
> Nielsen')">slet</span>"
>
> Men det giver self. nogle problemer ved onClick da alle "gåseøjnene" jo
> begynder at krydse hinanden!

Du skal escape dine " i strengen.
document.getElementById("soeskendecelle").innerHTML = "<span
id='soeskende5slet' style='position: absolute; right: 70px; cursor:hand;
cursor:pointer;
text-decoration:underline;' onClick=\"soeskendeSlet('5','Anders
Nielsen')\">slet</span>"

Bemærk i øvrigt at cursor:hand ikke virker i IE5, den vil have
cursor:pointer;

Du kan også lave det uden at benytte innerHTML:
var slet = document.createElement('a');
slet.id = 'soeskende5slet';
slet.style.position = 'absolute';
slet.style.right = '70px';
slet.style.cursor = 'hand';
slet.style.cursor = 'pointer' // IE5
slet.style.textDecoration = 'underline';
slet.href = "javascript:soeskendeSlet('5','Anders Nielsen')";
slet.appendChild(document.createTextNode("slet"));
document.getElementById('soeskendecelle').appendChild(slet);
}

span er erstattet af a, og onclick sættes i href-attributten, da IE ikke
forstår, når event-handlere bliver sat via javascript.

--
Ryan Kristensen

Ukendt (07-05-2005)
Kommentar
Fra : Ukendt


Dato : 07-05-05 14:04


"Anders Nielsen" <anchSNABELAemail.dk> wrote in message
news:427ca858$0$183$edfadb0f@dread11.news.tele.dk...
> Hej
>
> Jeg sidder og nørkler med lidt innerHTML (javascript) men det giver mig
> nogle kvaler ifht. " og '.
>

Tak til både Lasse og Ryan - Det var lige hvad der skulle til

mvh
Anders



Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408851
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste