CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

iblarsen Praktikant

02. august 2008 - 14:51 Der er 19 kommentarer og
1 løsning

Disable en hel side (næsten)

Er der nogen som ligger inde med et javascript som kan disable alle input kontroller (knapper, tekstbokse m.v.) på en webside.

Synes godt om

olebole Juniormester

02. august 2008 - 14:52 #1

<ole>

Hvad skal du bruge det til - og hvordan?

/mvh
</bole>

Synes godt om

iblarsen Praktikant

02. august 2008 - 14:55 #2

Jeg vil såmænd bare gerne kunne låse alle kontroller under nogle bestemte lejligheder. Og for ikke at skulle gøre det "hele manuelt". Tænkte jeg - der må findes en løsning på dette.

Synes godt om

olebole Juniormester

02. august 2008 - 15:02 #3

Prøv at lægge et link til siden

Synes godt om

iblarsen Praktikant

02. august 2008 - 15:05 #4

??
hvorfor det - det jeg ønsker er en javascript funktion som jeg kan kalde. Og som selv finder og 'disabler' omtalte kontroller.

Synes godt om

olebole Juniormester

02. august 2008 - 15:10 #5

Det er da vel åbenlyst logisk. Jeg kender jo ikke den kode, scriptet skal virke i =)

Synes godt om

mclemens Nybegynder

02. august 2008 - 16:07 #6

Det er muligt at du blot kan gøre sådan her...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function toggleenable(){
var elms=["input","select","textarea"];
for(i=0;i<elms.length;i++){
elms[i]=document.getElementsByTagName(elms[i]);
for(j=0;j<elms[i].length;j++){
elms[i][j].disabled=!elms[i][j].disabled;
}
}
}
</script>

<style type="text/css">
</style>

</head><body>

<input type="text" value="a">

<select>
<option>a</option>
</select>

<input type="text" value="a">

<select>
<option>a</option>
</select>

<textarea>a</textarea>

<b onclick="toggleenable();">Test</b>
</body></html>

Synes godt om

iblarsen Praktikant

02. august 2008 - 16:11 #7

super - jeg kigger på det og vender tilbage

Synes godt om

mclemens Nybegynder

02. august 2008 - 16:24 #8

Forresten, så hvis noggle af dem er disabled i forvejen ville de blive enabled
- og dermed lave lidt rod i disable / enable funktionen ... så alternativt til
ovenstående kan du prøve med scriptet:

<script type="text/javascript">
var toggleenabl=false;
function toggleenable(){
var elms=["input","select","textarea"];
for(i=0;i<elms.length;i++){
elms[i]=document.getElementsByTagName(elms[i]);
for(j=0;j<elms[i].length;j++){
elms[i][j].disabled=!toggleenabl;
}
}toggleenabl=!toggleenabl;
}
</script>

Eller evt. fortælle scriptet om det skal enable eller disable med:

<script type="text/javascript">
function toggleenable(t){
var elms=["input","select","textarea"];
for(i=0;i<elms.length;i++){
elms[i]=document.getElementsByTagName(elms[i]);
for(j=0;j<elms[i].length;j++){
elms[i][j].disabled=t;
}
}
}
</script>

samt:
<b onclick="toggleenable(true);">Test</b>
<b onclick="toggleenable(false);">Test</b>

Synes godt om

olebole Juniormester

02. august 2008 - 17:15 #9

- men hvis man vil noget bedre og elegant end den mest muligt ineffektive løsning, må man kende koden, det skal virke i ;o)

Synes godt om

mclemens Nybegynder

02. august 2008 - 17:29 #10

Og hvis man skal udtale sig om, hvorvidt en given løsning er den mest muligt
ineffektive løsning, skal man nok se siden, før man kommenterer effektiviteten ;o)

- Derfor ikke sagt at det muligvis kan laves enklere eller bedre
afhængig af sidens opbygning, men man kan ikke sige det modsatte.
(det er spørgers beslutning om han vil link til siden og have
noget specifikt lavet til siden eller om han ikke ønsker det)

Synes godt om

iblarsen Praktikant

02. august 2008 - 19:03 #11

mclemens: det ser super ud - smider du lige et svar. Godet med en general rutine, da det skal bruges på rigtig man sider!!!

Synes godt om

mclemens Nybegynder

02. august 2008 - 19:10 #12

Velbekom, her er lige et svar. Ombestemmer du dig og vil have noget, der er
lidt hurtigere - så kast lige et link, så "kan" det ske, der er noget, der er et
par ms. hurtigere og bruger et par kb mindre af den besøgendes system ressourcer.

Synes godt om

olebole Juniormester

02. august 2008 - 21:41 #13

mclemens >> En søgning udfra dokumentet kan aldrig blive større. Derfor er det højst usandsynligt, der ikke findes mere specifikke søgninger. Hvis elementerne f.eks. ligger i en form, kunne FORM.elements med stor fordel bruges =)

God kode er effektiv, overskuelig og logisk - og ja, grundet effektiviteten kan den endda ofte spare lidt på brugerens resourcer. Det sidste er dog ikke nødvendigvis hovedårsagen til at skrive kode, der er effektiv ;o)

Synes godt om

mclemens Nybegynder

02. august 2008 - 22:31 #14

Ole >> Tak for oplysningen, dog er det noget, jeg ved i forvejen.
(Jeg har fået et par gode tips fra en Olebole og Roenving på exp.dk)

- Medmindre vi snakker mange elementer eller der kører mange dynamiske
scripts på samme tid, så tror jeg ikke det har nogen mærkbar effekt (jeg har
dog ikke testet) - men tager man en "måske" unaturlig mængde elementer i forhold
til hvad der måske er på siden (1000-5000), kan man sikkert se en mærkbar forskel i ms.

Jeg læste 02/08-2008 15:05:53, som et "indirekte" ønske om ikke at lægge et link
og derfor lavede jeg et eksempel i 02/08-2008 16:07:35, da 02/08-2008 15:10:27
efter min læsning ikke lagde op til at løse problemet uden kildekode visning.

Synes godt om

olebole Juniormester

02. august 2008 - 22:42 #15

I lyset af min seneste kommentar, forstår jeg ikke helt, hvorfor du er så optaget af msek =)

Synes godt om

mclemens Nybegynder

02. august 2008 - 22:43 #16

Et eksempel alligevel:

- Det siger som du sikkert godt ved 0ms og 0ms ,da der er meget lille forskel på at fange dem den ene vej eller den anden - jeg indrømmer dog, at der viser sig nogle ms. efter første klik på at tilføje 1000 elementer, men jeg formoder ikke det drejer sig om flere tusinder af form elementer...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function toggleenable(t){
st=new Date().getTime();

if(t){
elms=document.formnavn.elements;
for(i=0;i<elms.length;i++){
elms[i].disabled=!elms[i].disabled;
}

}else{
var elms=["input","select","textarea"];
for(i=0;i<elms.length;i++){
elms[i]=document.getElementsByTagName(elms[i]);
for(j=0;j<elms[i].length;j++){
elms[i][j].disabled=!elms[i][j].disabled;
}
}}

alert("Time usage: "+(new Date().getTime()-st));

}

function lavtusindelementer(){
for(i=0;i<1000;i++){
a=document.createElement("input");
a.setAttribute("type","text");
document.formnavn.appendChild(a);
}
}
</script>

<style type="text/css">
</style>

</head><body>

<b onclick="toggleenable(true);">Test med form</b><br><br>
<b onclick="toggleenable(false);">Test uden form</b><br><br>
<b onclick="lavtusindelementer(false);">Lav tusind elementer i formen</b><br><br><br><br><br><br>

<div>a</div><div>a</div><div>a</div>

<div>a</div><div>a</div><div>a</div>
<div>a</div><div>a</div><div>a</div>

<form name="formnavn">
<div>a</div><div>a</div><div>a</div>
<input type="text" value="a">

<select>
<option>a</option>
</select>

<input type="text" value="a">
<input type="text" value="a">
<input type="text" value="a">
<input type="text" value="a">
<input type="text" value="a">
<input type="text" value="a">
<input type="text" value="a">
<input type="text" value="a">
<input type="text" value="a">
<div>a</div><div>a</div>
<select>
<option>a</option>
</select>
<div>a</div><div>a</div>
<textarea>a</textarea>
<input type="text" value="a">
<div>a</div>
<select>
<option>a</option>
</select>

<input type="text" value="a">

<select>
<option>a</option>
</select>
<div>a</div><div>a</div>
<textarea>a</textarea>
<input type="text" value="a">

<select>
<option>a</option>
</select>

<input type="text" value="a">

<select>
<option>a</option>
</select>
<div>a</div><div>a</div>
<textarea>a</textarea>

</form>

<div>a</div><div>a</div><div>a</div><div>a</div>

<div>a</div><div>a</div><div>a</div>
<div>a</div><div>a</div>
</body></html>

Synes godt om

mclemens Nybegynder

02. august 2008 - 22:53 #17

"God kode er effektiv, overskuelig og logisk - og ja, grundet effektiviteten kan den endda ofte spare ..."

^- Nåh, det er måske det du henviste til ?
Jamen, jeg synes nu at kodningen er effektiv, overskuelig og logisk nok - men det er så min holdning til det, jeg indrømmer den bruger et par linjer mere, men linjerne burde sige sig selv mere eller mindre - og det bør derfor ikke gøre den speciel ulogisk eller uoverskuelig ... ordet "effektiv" er der hvor jeg bringer ms. ind i billedet.

Synes godt om

mclemens Nybegynder

02. august 2008 - 23:04 #18

- Eller mener du noget andet der ikke er målbart med ordet effektiv ?
... For at bruge et ord som effektiv, må man jo sammenligne dem på den
ene eller anden måde - jeg ville normalt forholde mig til størrelsen af
kodningen samt hastigheden, er det de to ekstra linjer kodning du tænker
på i stedet?

Synes godt om

olebole Juniormester

03. august 2008 - 00:05 #19

Effektiv kode, er det ofte, fordi den er mere specifik. Når koden er 'stram' og specifik er den betydeligt lettere at læse. Det betyder ikke så meget ved en side med små scripts, men er en nødvendighed i lidt mere komplekse ting

Synes godt om

mclemens Nybegynder

03. august 2008 - 16:08 #20

Tak for point :)

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
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23

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