Avatar billede danm Nybegynder
30. januar 2008 - 01:45 Der er 3 kommentarer og
1 løsning

Lave en "Label" der kan ændres gennem javascript

Hej

Jeg ved ikke helt hvilken komponent jeg lige skal bruge til dette her. Jeg skal have lavet noget tekst i et lag, som skriver noget forskelligt når man trykker på en knap.
Det eneste jeg kender til er tekstboksen, men det skal helst bare være ren tekst.
Kan man lave labels som man kan ændre gennem javascript? Jeg har prøvet med label tag'et, men synes ikke jeg kunne lave noget fornuftigt.
Avatar billede roenving Novice
30. januar 2008 - 23:10 #1
Hrm, måske sådan:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tekst-ændring</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
</head>
<body>
<button onclick="document.getElementById('minDiv').firstChild.nodeValue='En ny tekst'">Vis 'En ny tekst' i div'en</button><br>
<button onclick="document.getElementById('minSpan').firstChild.nodeValue='En ny tekst'">Vis 'En ny tekst' i span'en</button>
<div id="minDiv">En div-tekst</div>
<span id="minSpan">En span-tekst</span>

</body>

</html>
Avatar billede danm Nybegynder
01. februar 2008 - 13:24 #2
Ok, jeg kunne sagtens bruge firstchild.nodevalue, så det var jo let nok (o=
Men jeg søgte lige på kommandoen for at se hvad den helt præcist gjorde, og der var nogen der anbefalede at man i stedet brugte innerHTML. Kender du den, og ved du hvad forskellen er på de to?
Smid endelig svar så jeg lige kan lukke tråden.
Og tak for hjælpen selvfølgelig
Avatar billede roenving Novice
01. februar 2008 - 16:11 #3
Ja, innerhtml er oprindelig en proprietær M$-ting, som principielt er noget vrøvl, og fuldstændig på tværs af konceptet i html (og totalt tåbelig i xhtml !-)

-- den har dog fundet vej til alle andre browsere, men er af indlysende grunde ikke indskrevet i nogensomhelst standarder/rekommendationer ...

-- og hvem kan dog være så hjernedød at anbefale at bruge dette misfoster ?-)

-- der vil dog være tilfælde, hvor tilstrækkeligt ukyndige brugere kan have gavn af den, men ingen, hvor den kan anbefales !o]

-- og det skal præciseres, at .firstChild.nodeValue _kun_ kan bruges til tekstnoder, hvilket altså også kræver, at en sådan er tilstede fra starten, derfor skal du, hvis ikke du vil have ovenstående eksempel-tekst allermindst placere f.eks. et no-break-space - &nbsp; - inde i elementet ...

-- els velbekomme '-)
Avatar billede roenving Novice
01. februar 2008 - 17:26 #4
-- og tak for point ;~}
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