Notifikationer

Markér alle som læst Log ud

xvid Seniormester

28. juli 2005 - 19:23 Der er 19 kommentarer og
1 løsning

Lave script lidt om

Hej

Jeg vil gerne høre om der nogen der kan hjælpe mig med at lave et script om?

Det drejer sig om denne hvilket virker fint :-) :

<html><head><title>Farve</title><SCRIPT LANGUAGE="JavaScript">
</SCRIPT></head><body scroll="no"><CENTER><FORM><p><font size="3"><font face="Arial">Skriv farven
her :  #
</font></font><input name="text" size="10" tabindex="6" maxlength="6">  
<input type="button" name="button" value=" Tryk her! " onClick="test(this.form)"></p></FORM></CENTER></body></html>

Det som jeg vil gerne lave en slags mindre database og at i stedetfor at man skriver farven i hex så skal man kunne skrive en mindre tekst i stedetfor, f.eks. hvis man nu skriver S2060-Y10R og trykker på "musen" eller "enter" bliver vinduets baggrundsfarve lavet om til #a28811

Håber at der er en eller anden der kan hjælpe mig ;-)

På forhånd mange tak

Synes godt om

roenving Novice

28. juli 2005 - 19:33 #1

Synes godt om

xvid Seniormester

28. juli 2005 - 19:36 #2

hej

tak for dit hurtig svar man jeg får en fejl i linje 12.

<html>
<head>
<title></title>
<script type="text/javascript">
var colors = new Array();
colors[color.length] = ["S2060-Y10R","a28811"];
colors[color.length] = ["S2060-Y10R","a28811"];//Du skal selvfølgelig ændre, så alle farverne bliver repræsenteret !-)
colors[color.length] = ["S2060-Y10R","a28811"];
colors[color.length] = ["S2060-Y10R","a28811"];
...
function chColor(f){
var col = "fff";
if(!f.txt.elm.value.match(/[\da-f]{6}/i)){
for(i=0;colors.length>i;i++){
if(colors[i][0].toLowerCase() == f.txt.value.toLowerCase()){
col = colors[i][1];
break;
}
}
}else col = f.txt.value;
document.body.style.backgroundColor = "#" + col;
}
</script></head><body></body></html>

Synes godt om

roenving Novice

28. juli 2005 - 19:38 #3

Hov, der manglede da et s:

colors[colors.length] = ["S2060-Y10R","a28811"];

Synes godt om

roenving Novice

28. juli 2005 - 19:40 #4

-- jeg fik heller ikke fjernet elm, da jeg først havde skrevet koden til at reagere onchange på feltet, så:

if(!f.txt.value.match(/[\da-f]{6}/i)){

Synes godt om

xvid Seniormester

28. juli 2005 - 19:54 #5

<html><head><title>Farve</title><SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
<script type="text/javascript">
var colors = new Array();
colors[colors.length] = ["S2060-Y10R","a28811"];
colors[colors.length] = ["S2060-Y10R","a28811"];//Du skal selvfølgelig ændre, så alle farverne bliver repræsenteret !-)
colors[colors.length] = ["S2060-Y10R","a28811"];
colors[colors.length] = ["S2060-Y10R","a28811"];

...

function chColor(f){
var col = "fff";
if(!f.txt.value.match(/[\da-f]{6}/i)){
for(i=0;colors.length>i;i++){
if(colors[i][0].toLowerCase() == f.txt.value.toLowerCase()){
col = colors[i][1];
break;
}
}
}else col = f.txt.value;
document.body.style.backgroundColor = "#" + col;
}
</script>
</head><body scroll="no"><CENTER><FORM><p><font size="3"><font face="Arial">Skriv farven
her :  #
</font></font><input name="text" size="10" tabindex="6" maxlength="6">  
<input type="button" name="button" value=" Tryk her! " onClick="test(this.form)"></p></FORM></CENTER></body></html>

Er det rigtigt det her??

for jeg kan ikke få det til at virke

Synes godt om

roenving Novice

28. juli 2005 - 20:03 #6

Næh, for du havde ikke checket, at navne var rigtige !-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Farve</title>
<script typee="text/javascript">
</script>
<script type="text/javascript">
var colors = new Array();
colors[colors.length] = ["S2060-Y10R","a28811"];
colors[colors.length] = ["S2060-Y10R","a28811"];//Du skal selvfølgelig ændre, så alle farverne bliver repræsenteret !-)
colors[colors.length] = ["S2060-Y10R","a28811"];
colors[colors.length] = ["S2060-Y10R","a28811"];

//...

function chColor(f){
var col = "fff";
if(!f.txt.value.match(/[\da-f]{6}/i)){
for(i=0;colors.length>i;i++){
if(colors[i][0].toLowerCase() == f.txt.value.toLowerCase()){
col = colors[i][1];
document.getElementById('altFarve').innerHTML = colors[i][1];
break;
}
}
}else{
col = f.txt.value;
document.getElementById('altFarve').innerHTML = "";
}
document.body.style.backgroundColor = "#" + col;
}
</script>
</head>
<body scroll="no">
<center>
<form>
<p><font size="3" face="Arial">Skriv farven her :  #</font>

<input name="txt" size="10" tabindex="1">  
<input type="button" name="button" value=" Tryk her! " onclick="chColor(this.form)"><br>
<span id="altFarve"></span>
</p>
</form>
</center>
</body>
</html>

-- desuden havde du maxlength på inputten, desuden har jeg tilføjet et felt, så man kan se den alternative farve !-)

Synes godt om

xvid Seniormester

28. juli 2005 - 20:23 #7

det virker helt perfekt :-)

TUSIND TAK :-)

Synes godt om

roenving Novice

28. juli 2005 - 20:24 #8

Velbekomme '-)

Synes godt om

roenving Novice

28. juli 2005 - 20:28 #9

-- og tak for point ;~}

Synes godt om

xvid Seniormester

28. juli 2005 - 23:04 #10

velbekomme :-) tro mig det er mig der takker :-))

Synes godt om

xvid Seniormester

28. juli 2005 - 23:26 #11

hej igen :-)

jeg har lige et lille spørgsmål og det er kan man tilføje til scriptet et enterfunktion så man også kan få farven frem ved at trykke enter?

Synes godt om

roenving Novice

28. juli 2005 - 23:31 #12

Det tror jeg egentlig godt man kan, men jeg har ikke tygget så meget på den slags events, så jeg lige kan ryste det ud af ærmet !-)

Synes godt om

xvid Seniormester

28. juli 2005 - 23:48 #13

jeg har også lige fundet ud af at det er et meget eftersøgt spørgsmål :-)

man prøv at kigge her, har jeg fat i noget?

// Funktion til at reagere på taste tryk
function keyPress() {
// Tjek hvilken knap der blev trykket på
keyp = window.event.keyCode;

// Hvis det var "o" der blev trykkey på, så åben menuen (lille o's kode er 111 og store o's kode er 79)
if(keyp == 111 || keyp == 79) {
// Tjek om menuen er åben, så den skal lukkes
if(open == true) {
hideMenu(); // Gem menuen

// Ellers viser vi menuen
} else {
showMenu(); // Vis menuen
}
}

Synes godt om

roenving Novice

28. juli 2005 - 23:56 #14

Desværre er event-modellerne meget forskellige i browserne, så ovenstående vil virke i de browsere, som bruger M$IEs event-model !-)

-- og Enter har keyCode 13 ...

Synes godt om

xvid Seniormester

28. juli 2005 - 23:59 #15

kig også på dette

http://www.html.dk/nyhedsgrupper/dk_edb_internet_webdesign_clientside/default.asp?messageid=%3C4118f3df%240%24174%24edfadb0f%40dtext01%2Enews%2Etele%2Edk%3E

Synes godt om

roenving Novice

29. juli 2005 - 00:07 #16

Han er da godt nok grundig, men du kan luge alt det ud, som handler om at finde rundt i tabindex, så skulle du kunne bruge den !-)

PS. For en gangs skyld var der noget kompetent hjælp at hente via html.dk, men altså i en nyhedsgruppe, ikke i nogen af de faste sider !o]

Synes godt om

xvid Seniormester

29. juli 2005 - 00:25 #17

det kan jeg slet ikke overskue

Synes godt om

roenving Novice

29. juli 2005 - 00:32 #18

function handleKeyPress (){
var e = typeof(window.event)!="undefined" ? window.event : arguments[0];
if (e.keyCode==13){
chColor(document.forms[0]);
}
}
document.forms[0].onkeypress=handleKeyPress;

-- men jeg har heller ikke været så grundig som ham Martin !-)

Synes godt om

xvid Seniormester

29. juli 2005 - 19:46 #19

Hej :-)

Jeg har lige et spørgsmål er det sådan at det skal se ud?

<script LANGUAGE="JavaScript">
function handleKeyPress (){
var e = typeof(window.event)!="undefined" ? window.event : arguments[0];
if (e.keyCode==13){
chColor(document.forms[0]);
}
}
document.forms[0].onkeypress=handleKeyPress;
</script>

og hvor skal jeg placere det i forhold til scriptet, er det bare mellem <head>det vil sige her?</head>

Synes godt om

roenving Novice

29. juli 2005 - 23:32 #20

Nu har type="text/javascript" været obligatorisk de sidste 7 år, så den skal du nok medtage, hvis du ikke vil placere den indenfor en eksisterende script-blok ...

-- og da det hverken betyder intet, hvor du placerer ovenstående, kan du jo ligesågodt placere den i samme scriptblok, som du ellers benytter, f.eks. i et eksternt .js-dokument !-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS