Avatar billede tovarisj Nybegynder
28. december 2001 - 23:47 Der er 22 kommentarer og
2 løsninger

echo varialbel ..

Jeg skal bruge et script som skriver indholdet af en almindelig form, dvs jeg skal bruge et input og når man skriver i det skal indholdet skrives ud ved siden af. det skal ændre sig alt efter hvad man taster.

pretty ease i geuss
Avatar billede tovarisj Nybegynder
28. december 2001 - 23:48 #1
easy even ..
Avatar billede jakoba Nybegynder
29. december 2001 - 03:09 #2
Så hvorfor 500 points?
Avatar billede tobias_cool Nybegynder
29. december 2001 - 10:27 #3
<script>
function Updatetext(){
document.getElementById(\"tekst\")=document.blabla.text.value;
}
</script>
<!--HTML--><form name=\"blabla\">
<input type=\"text\" name=\"text\" onKeyDown=\"Updatetext()\">
</form>

<span id=\"tekst\">
</span>
Avatar billede tobias_cool Nybegynder
29. december 2001 - 11:47 #4
<html>

<head>
  <script>
function Updatetext(){
document.getElementById(\"tekst\").innerHTML=document.blabla.text.value;
}
</script>
<title>Skriv i Span</title>
</head>

<body>
<form name=\"blabla\">
<input type=\"text\" name=\"text\" onKeyUp=\"Updatetext()\">
</form>

<span id=\"tekst\"></span>
</body>

</html>
Avatar billede tovarisj Nybegynder
29. december 2001 - 17:35 #5
jacoba --> håbede på et hurtigt svar ..

jaeh .. ok .. jeg fik vist ikke forklaret mig præcist nok..

jeg skal bruge det til at en baggrund skal skifte farve alt efter hvad man skriver ergo skal det laves som variabel.

dvs, hvis jeg har denne kode:

<input typ=\"text\" name=\"text\"> så når man skriver en farvekode i denne skal en baggrundsfarve i en table ændre sig.

<td bgcolor=\"INDHOLD AF`INPUT SKAL STÅ HER\"></td>

Rart at få svar af en navnebror :)

håber du gider skrive det om.. helst hurtigst muligt :)
Avatar billede tobias_cool Nybegynder
29. december 2001 - 17:44 #6
Altså så skal du jo nok også bruge en knap, for det er jo ikke sikkert at det er en \"Rigtig\" Farvekode.

men altså

<html>

<head>
  <script>
function Updatetext(){
document.getElementById(\"tekst\").style=\'#\'+document.blabla.text.value;
}
</script>
<title>Skriv i Span</title>
</head>

<body>
<form name=\"blabla\">
#<input type=\"text\" name=\"text\" onKeyUp=\"Updatetext()\">
</form>
<table><tr>
<td id=\"tekst\" style=\"background-color:#FFFFFF\"></td>
</tr>
</table>
</body>

</html>

<Tobias> *GG*
Avatar billede tobias_cool Nybegynder
29. december 2001 - 20:53 #7
document.getElementById(\"tekst\").style.background-color


document.getElementById(\"tekst\").style.background

document.getElementById(\"tekst\").style.bgcolor

kan ikke lige huske hvad det er for\'en

men det Jacoba sikkert, så kan han også få 100 point

<tobias> Styrer For Vildt</tobias>

Avatar billede tovarisj Nybegynder
29. december 2001 - 21:10 #8
hmm .. det ser ikke ud somom det virker for nogle fejlkoder .. den siger member not found ?

Fatter minus javascript ...
Avatar billede tobias_cool Nybegynder
29. december 2001 - 21:14 #9
<html>

<head>
  <script>
function Updatetext(){
document.getElementById(\"tekst\").style.background-color=\'#\'+document.blabla.text.value;
//Det er det ovenstående jeg ikke kan huske
}
</script>
<title>Skriv i Span</title>
</head>

kører du netscape

<body>
<form name=\"blabla\">
#<input type=\"text\" name=\"text\" onKeyUp=\"Updatetext()\">
</form>
<table><tr>
<td id=\"tekst\" style=\"background-color:#FFFFFF\"></td>
</tr>
</table>
</body>

</html>
Avatar billede jakoba Nybegynder
30. december 2001 - 03:27 #10

<script>
function Updatetext(){
  nyFarve = \'#\'+document.blabla.text.value;
  if ( document.getElementById )
      document.getElementById(\"tekst\").style.backgroundColor = nyFarve;
  else
  if ( document.all )
      document.all[\"tekst\"].styke.backgroundColoer = nyFarve;
  else
      ; // glem det. din browser kan ikke skifte baggrund i tabeller.
};
</script>

mvh JakobA
Avatar billede tobias_cool Nybegynder
30. december 2001 - 09:49 #11
Nåårrr det er ikke engang ens i begge browsere

<script>
function Updatetext(){
  nyFarve = \'#\'+document.blabla.text.value;
  if ( document.getElementById )
      document.getElementById(\"tekst\").style.backgroundColor = nyFarve;
  else
  if ( document.all )
      document.all[\"tekst\"].style.backgroundColor = nyFarve;
  else
      ; // glem det. din browser kan ikke skifte baggrund i tabeller.
};
</script>
*HEHE* kommer du lige ude fra kulden
Avatar billede Slettet bruger
30. december 2001 - 18:19 #12
Du kan også tjekke det lige når brugeren har indtastet 8 tegn i tekst-feltet (til en heksidemal kode):

<html>
<head>
<script>
function updateText(txt) {
mre = /^[0-9A-F]+$/gi;
if (txt.length == 8) {
if (txt.match(mre)) {
nyFarve = \"#\" + txt;
if (document.getElementById) document.getElementById(\"tekst\").style.backgroundColor = nyFarve;
else if (document.all) document.all[\"tekst\"].style.backgroundColor = nyFarve;
else alert(\"Glem det! Din browser kan ikke skifte baggrundsfarve i tabeller.\");
}
else alert(\"Du har ikke indtastet en korrekt heksidemal kode!\");
}
}
</script>
</head>
<body>
<form name=\"blabla\">
<input type=\"text\" name=\"text\" maxlength=\"8\" onKeyUp=\"updateText(this.value);\">
</form>
<br><span id=\"tekst\" style=\"background-color: #FFFFFF;\">Her er cellen...</span>
</body>
</html>

Men IE5 ser ikke ud til at lide en heksidemal kode flettet sammen af et kryds og et input fra et formfelt... Tjekket o.s.v. er fint nok, men der er ét eller andet med linjen:
nyFarve = \"#\" + txt;
Avatar billede tobias_cool Nybegynder
30. december 2001 - 18:21 #13
6
Avatar billede tobias_cool Nybegynder
30. december 2001 - 18:21 #14
6 tegn til en hexidecimal kode.

Men det var ikke det han spurgte om
Avatar billede tobias_cool Nybegynder
30. december 2001 - 18:33 #15
Foresten hvad vil du sige til at få smidt en alert i hovedet hver gang du skriver et tegn.

Sidst men ikke mindst så tvivler jeg på det virker

Avatar billede Slettet bruger
31. december 2001 - 13:17 #16
Nårh jo, hvor er jeg åndssvag! Selvfølgelig skal der 6 tegn til!
Men scriptet virker, og hvis du brugte lidt tid på det, så ville du også se, at brugeren ikke får \"smidt en alert i hovedet\" ved hver indtastning!
Avatar billede tobias_cool Nybegynder
31. december 2001 - 13:18 #17
*Sorry* og godt Nytår
Avatar billede Slettet bruger
31. december 2001 - 13:23 #18
Her er et eksempel: http://www.phoenixv.webpunkt.dk/afs.html
Det er testet til at virke i IE5 og NS6.2!
Avatar billede Slettet bruger
31. december 2001 - 13:23 #19
Og godt nytår i lige måde!
Avatar billede tovarisj Nybegynder
04. januar 2002 - 00:45 #20
phoenixv -> jeg tror jeg bruger dit eksempel på http://www.phoenixv.webpunkt.dk/afs.html men .. lige nu hvor jeg sidder og skal bruge det ser det ud somom at webpunkt er nede. Så kunne du ikke maile det til mig på tobias@getset.dk ?

Bagefter vil jeg fordele point :)
Avatar billede Slettet bruger
04. januar 2002 - 16:30 #21
Nu er webpunkt i hvert fald oppe igen.
Men mailen er sendt!

P.S. Hvis andre vil se koden, så bare sig til! Eksperten er jo ikke et lukket forum, det har jeg forstået! :)
Avatar billede tovarisj Nybegynder
04. januar 2002 - 17:39 #22
Genialt nu funker det bare derudad .. tak til phoenixv og tobias_cool

phoenixv får 400 for et flot stykke arbejde :) thx

men jeg syntes også der skal være noget til tobias_cool for at være så hurtig på svartasterne. :)

Avatar billede tobias_cool Nybegynder
04. januar 2002 - 17:44 #23
:) Jubii nu er jeg snart inde på top19000 jeg har også lige fået 200 igår *HEHE*
Avatar billede Slettet bruger
04. januar 2002 - 17:48 #24
Aaarhhh... Ikke 400 igen!
Du får 300 af dem tilbage igen her:
http://www.eksperten.dk/spm/154165

Venligst tag imod dem! :)
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