Avatar billede mtrolle Nybegynder
24. oktober 2003 - 20:35 Der er 28 kommentarer og
2 løsninger

innertext skal sættes

Hejsa!

Jeg har aldrig været god til Javascript og har aldrig givet mig tiden til at studere det... (Jeg er en travl mand ;)

<a href="#" onclick="show1.innerText='<img src="imgs/1x1_fylde_blue.gif" style="width:78%; height:2px;" /><img src="imgs/1x1_fylde_lys_blue.gif" style="width:22%; height:2px;" /><br/>20:00 - 20:30 på DK4<br/>Humanitære portrætter'">næste</a>

Sådan vil jeg gerne have min kode til at se ud, men den er slet ikke glad for mine HTML tags, inde i show1.innerText=''
Hvordan gør jeg det? Skal jeg evt. skrive det hele med koder i stedet for tags? Koder for < osv.


//mtrolle
Avatar billede thesurfer Nybegynder
24. oktober 2003 - 20:45 #1
du undlader at bruge html "" i ' '..:
onclick="show1.innerText='<img src=imgs/1x1_fylde_blue.gif>'"

det må man godt.. det giver først problemet hvis du mellemrum i filnavnet, og vælger ikke at bruge %20 i stedet for mellemrum.
Avatar billede thesurfer Nybegynder
24. oktober 2003 - 20:46 #2
.. husk at lukke det sidste ">".. men nu er det jo kun innerText og ikke innerHTML.. dvs, "<img src=imgs/1x1_fylde_blue.gif>" vises som tekst og ikke et billede..
Avatar billede mtrolle Nybegynder
24. oktober 2003 - 20:47 #3
Ok - mange tak, jeg prøver :)
Avatar billede mtrolle Nybegynder
24. oktober 2003 - 20:51 #4
Det forstår jeg ikke, hvad mener du?
Og kan jeg bruge innerHTML i stedet?
Avatar billede thesurfer Nybegynder
24. oktober 2003 - 20:53 #5
med innerText vil der i show1 komme til at stå:
<img src=imgs/1x1_fylde_blue.gif> (som tekst, det du kan se nu)

med innerHTML vil der i show1 komme til at være et billede, nemlig imgs/1x1_fylde_blue.gif
Avatar billede mtrolle Nybegynder
24. oktober 2003 - 20:55 #6
ok - så bruger jeg da bare innerHTML, men stadig uden " ikke?
Avatar billede thesurfer Nybegynder
24. oktober 2003 - 20:59 #7
yep
Avatar billede thesurfer Nybegynder
24. oktober 2003 - 21:13 #8
grunden til at det ikke virker når du bruger "" er, at du starter onClick ved " tegnet og slutter næste gang du bruger " tegnet igen..
så når du bruger " bliver onClick afsluttet lige efter src=.. så den tror at indholdet af onClick er "show1.innerText='<img src=", og at imgs/1x1_fylde_blue.gif er en event ligesom onClick.. så ødelægger det alt andet pga et " tegn der mangler..
Avatar billede mtrolle Nybegynder
24. oktober 2003 - 21:18 #9
ok - nu prøver jeg så ;) TAK
Avatar billede mtrolle Nybegynder
24. oktober 2003 - 21:22 #10
En ting til: Hvordan laver jeg min style, der jo et mellemrum? hvad gør man så?
Avatar billede thesurfer Nybegynder
24. oktober 2003 - 21:52 #11
hvad mener du med "min style"?
det var filnavnet på billedet jeg snakkede om..
Avatar billede thesurfer Nybegynder
24. oktober 2003 - 21:53 #12
skal det hele stå i 1 link tag ?? :)
Avatar billede myplacedk Nybegynder
24. oktober 2003 - 21:58 #13
Du skal ikke lade være med at bruge double quotes ("). Det giver bare problemer. Måske ikke lige på din PC, lige mens du tester, men...

<a href="#" onclick="show1.innerText='<img src=\"imgs/1x1_fylde_blue.gif\" style=\"width:78%; height:2px;\" /><img src=\"imgs/1x1_fylde_lys_blue.gif\" style=\"width:22%; height:2px;\" /><br/>20:00 - 20:30 på DK4<br/>Humanitære portrætter'">næste</a>

(innerText og innerHTML skal jeg så ikke blande mig i.)
Avatar billede mtrolle Nybegynder
24. oktober 2003 - 22:17 #14
thesurfer> som myplacedk forklarede det!
og ja, det hele i et link!
myplacedk> ok  - jeg må kigge på det! igen :)
Avatar billede thesurfer Nybegynder
24. oktober 2003 - 22:23 #15
jeg havde misforstået det.. troede at show1 skulle opdateres med et billede (imgs/1x1_fylde_blue.gif).. :)
Avatar billede roenving Novice
25. oktober 2003 - 01:37 #16
Det simpleste vil være at:

<a href="#" onclick="show1.innerText=\42<img src='imgs/1x1_fylde_blue.gif' style='width:78%; height:2px;' /><img src='imgs/1x1_fylde_lys_blue.gif' style='width:22%; height:2px;' /><br/>20:00 - 20:30 på DK4<br/>Humanitære portrætter\42">næste</a>
Avatar billede thesurfer Nybegynder
25. oktober 2003 - 01:40 #17
roenving din fusker! (no idea) hvor har du været?! :)
hmm.. du har ikke lavet nogen smiley tingest..?
Avatar billede roenving Novice
25. oktober 2003 - 01:43 #18
;O)
Avatar billede mtrolle Nybegynder
25. oktober 2003 - 13:52 #19
>roenving
Der sker ikke noget, når man klikke på linket i dit eksempel? hvorfor?
Det er nemlig det eksempel der virker bedst for mig, når jeg ikke skal \
Avatar billede roenving Novice
26. oktober 2003 - 12:02 #20
Nu forudsætter den syntaks du bruger, at browseren kender document.all, hvilket kun IE og Opera gør !-)

Men prøv at:

<a href="#" onclick="document.getElementById('show1').innerHTML=\42<img src='imgs/1x1_fylde_blue.gif' style='width:78%; height:2px;' /><img src='imgs/1x1_fylde_lys_blue.gif' style='width:22%; height:2px;' /><br/>20:00 - 20:30 på DK4<br/>Humanitære portrætter\42">næste</a>

-- hvis du vil bruger innerHTML, som også understøttes af andet end IE ...
Avatar billede mtrolle Nybegynder
26. oktober 2003 - 12:21 #21
okay... Kan det evt. laves på en anden måde, således alle browsere kan bruges???
Det andet eksempel virker heller ikke i safari på mac... Og jeg har ikke testet i andre!
Avatar billede roenving Novice
26. oktober 2003 - 12:27 #22
Det lyder godt nok underligt, for der er i dette ikke brugt nogle underligheder, kun standard html4-kompatibelt stof ...

-- onclick virker fra javascript 1.0
-- document.getElementById er javascript 1.1 eller 1.2
-- innerHTML ligeledes, mens innerText kun var til IE (ihvertfald indtil javascript 1.3)
Avatar billede myplacedk Nybegynder
26. oktober 2003 - 12:41 #23
Hmm... Det er "\42" - hvorfor virker det? Eller hvor er det dokumenteret?
Avatar billede roenving Novice
26. oktober 2003 - 12:45 #24
\42 er oktal-koden for " og kan derfor bruges i javascript til at indsætte det tegn i en tekststreng ...

(' hedder forøvrigt \47 !-)

-- jeg bruger forøvrigt oleboles GetOctal-program til at checke ...

-- men jeg har da vist ikke linket liggende ...
Avatar billede thesurfer Nybegynder
26. oktober 2003 - 13:36 #25
Avatar billede roenving Novice
26. oktober 2003 - 13:42 #26
-- HTTP fejl 400: ugyldig anmodning !-)

-- så man må nok finde den et andet sted !-)
Avatar billede roenving Novice
26. oktober 2003 - 13:46 #27
Avatar billede myplacedk Nybegynder
26. oktober 2003 - 14:46 #28
Som en del af en streng giver det mening. Men for mig at se står det ikke som en del af en streng. Hvis det ikke virker, er det nok derfor.

Denne kode:
<a href="#" onclick="document.getElementById('show1').innerHTML=\42<img src='imgs/1x1_fylde_blue.gif' style='width:78%; height:2px;' /><img src='imgs/1x1_fylde_lys_blue.gif' style='width:22%; height:2px;' /><br/>20:00 - 20:30 på DK4<br/>Humanitære portrætter\42">næste</a>

Indeholder dette java script:
document.getElementById('show1').innerHTML=\42<img src='imgs/1x1_fylde_blue.gif' style='width:78%; height:2px;' /><img src='imgs/1x1_fylde_lys_blue.gif' style='width:22%; height:2px;' /><br/>20:00 - 20:30 på DK4<br/>Humanitære portrætter\42

Forkortet for overskuelighedens skyld bliver det til:
innerHTML=\42<img src='imgs/1x1_fylde_blue.gif' />\42

Stadig samme problem med samme løsning, right?

Bemærk at "\42" ikke er en del af strengen, men bruges til at markere strengen.

Jeg har leget lidt med det i Mozilla:
alert("Double quote: \""); // virker
alert("Double quote: \42"); // virker
alert(\42Double quote: "\42); // virker ikke
alert(\42Test\42); // virker ikke

Det fungerer som jeg forventer det, så jeg mener ikke det er en fejl i Mozilla. Hvis de alle fire virker i IE, så er det bare fordi IE er meget fejl-tolerant. Mere end hvad godt er, hvis i spørger mig.

Så valget må være at erstatte " med \" eller \42. :)
Avatar billede roenving Novice
26. oktober 2003 - 14:56 #29
>>myplace.dk

-- dine eksempler opfører sig præcis som jeg forventer de skal, men da der skal fortolkes en streng i javascript, når det er en del af en eventhandler, gik jeg da ud fra at man kunne gøre dette ...

-- men det gør det altså ikke, så du har helt ret i, at min metode desværre er for forsimplet !-|

-- så man må over i

<a href="#" onclick="document.getElementById('show1').innerHTML='<img src=\"imgs/1x1_fylde_blue.gif\" style=\"width:78%; height:2px;\" /><img src=\"imgs/1x1_fylde_lys_blue.gif\" style=\"width:22%; height:2px;\" /><br/>20:00 - 20:30 på DK4<br/>Humanitære portrætter'">næste</a>

-- med udgangspunkt i din ...
Avatar billede mtrolle Nybegynder
28. oktober 2003 - 20:49 #30
http://www.eksperten.dk/spm/420065
Jeg lukker dette spørgsmål, da jeg ikke kan finde den nødvendige hjælp!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester