Notifikationer

Markér alle som læst Log ud

fizk Nybegynder

09. november 2007 - 11:37 Der er 9 kommentarer og
1 løsning

Samme funktion på flere felter?

Jeg sidder med en række <input> felter og et par <textarea>.
Jeg vil gerne have det lavet sådan, at når jeg har fokus (onFocus, duh) på et af felterne, så bliver kant-farven sort, istedet for grå.

Jeg synes engang at have set en eller anden måde at lave et javascript, der kan lægge denne funktion på alle felterne, uden at jeg skal gøre det manuelt (en for-loop der løber alle felter igennem). Dog kan jeg ikke finde frem til hvordan det gøres - nogen der kan hjælpe?

Synes godt om

showsource Seniormester

09. november 2007 - 11:51 #1

jahhh,
du kan jo lave en funktion som sætter sort kant, og så bruge onfocus="dinfunktion(this.name);"
hvor this.name jo referer til feltets navn.

Synes godt om

kalp Novice

09. november 2007 - 11:57 #2

puuuh bad.. ikke javascript til sådan noget:)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
input:hover{
border-color:black;
}
</style>
</HEAD>
<BODY>
<input type="text" />
</BODY>
</HTML>

Synes godt om

kalp Novice

09. november 2007 - 11:58 #3

sådan noget bør man så vidt muligt lave i CSS... det kræver mindst muligt af programmøren.

Synes godt om

showsource Seniormester

09. november 2007 - 12:09 #4

jaja :O)

Synes godt om

fizk Nybegynder

09. november 2007 - 12:30 #5

Det var en onFocus jeg ledte efter, så den også skiftede, når man tabbede sig frem til den ;)

Dog har jeg imidlertid fundet det jeg var på jagt efter...

function makeRequired()
{
lnks = document.getElementsByTagName('*');
for(i=0;i<lnks.length;i++)
{
s = lnks[i].className;
if(s.search("required")>=0)
{
lnks[i].onfocus=new Function("this.style.borderColor='red'");
lnks[i].onblur=new Function("this.style.borderColor='#cccccc'");
}
}
}

Synes godt om

kalp Novice

09. november 2007 - 12:46 #6

øhhh

input:hover{
border-color:black;
}

input:focus{
border-color:black;
}

så burde det sådan set stadig fungerer;)

Synes godt om

kalp Novice

09. november 2007 - 12:47 #7

og hvis ikke.. så længe leve java script:D he he

Synes godt om

kalp Novice

09. november 2007 - 12:50 #8

Jeg blev nød til at teste:D

men det virker.. I firefox og nyere versioner af IE..

Synes godt om

fizk Nybegynder

09. november 2007 - 14:42 #9

Argh ... Du VIL bare have ret, hva'? =P
Nå, det virker, ja ^^ Jeg troede godtnok ikke der fandtes en :focus, men lad det nu være ligemeget... Du får dine pts ;)

Synes godt om

roenving Novice

09. november 2007 - 15:50 #10

-- og hvorfor ikke forkorte det:

input:hover,input:focus{
border-color:black;
}

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