Ret værdien af hidden form fields/skjulte formularfelter

Håber alle der følger med på bloggen har haft en god jul ind til videre, her kommer en lille hurtig ekstra julegave til udviklerne.

Jeg har selv lige siddet og leget med et projekt hvor jeg skulle teste indholdet af en masse skjulte formularfelter, og blev efterhånden rimelig træt af, at skulle rette værdierne af disse felter i kildekoden til hver enkelt test. Derfor har jeg skrevet en lille javascript bookmarklet, som omdanner skjulte formularfelter til tekstfelter. Har du fx en formular med 4 skjulte felter der ser sådan her ud:

Form

Vil formularen efter aktivering af bookmarkletten ser sådan her ud:

Form2

Du kan nu rette i de enkelte skjulte felter som om de var almindelige tekstfelter. Kan fx bruges til at teste forskellige værdier nemt og hurtigt, eller sikkerhedsteste om der nemt kan pilles ved nogle data.

For at “installere” bookmarkletten skal du bogmærke følgende link:

#crayon-674f3cb4d8f1c .crayon-plain { font-size: 12px !important; line-height: 16px !important; }

    //hent alle input felter
    var inputs = document.getElementsByTagName('input');
    //loop igennem dem
    for (var i=0;i<inputs.length;i++) {
        //for nemhedens skyld gemmer vi input[i] i var
        var elm = inputs[i];
        //hvis typen er hidden
        if (elm.type=='hidden') {
            //sæt bredden til 100%
            elm.style.width='100%';
            //lav feltet om til textfelt
            elm.type='text';
            //lav et element som det pågældende element skal omsluttes af, indsæt feltes navn og id som overskrift
            var wrapper = document.createElement('label'); 
            wrapper.innerHTML='<br><b>Navn:</b> '+elm.name+' <b>id:</b> '+elm.id+'<br>';
            wrapper.appendChild(elm.cloneNode(true));
            elm.parentNode.replaceChild(wrapper, elm);
            
        }
    }

//hent alle input felter

var inputs = document.getElementsByTagName('input');

//loop igennem dem

for (var i=0;i<inputs.length;i++) {

//for nemhedens skyld gemmer vi input[i] i var

var elm = inputs[i];

//hvis typen er hidden

if (elm.type=='hidden') {

//sæt bredden til 100%

elm.style.width='100%';

//lav feltet om til textfelt

elm.type='text';

//lav et element som det pågældende element skal omsluttes af, indsæt feltes navn og id som overskrift

var wrapper = document.createElement('label');

wrapper.innerHTML=' Navn: '+elm.name+' id: '+elm.id+' ';

wrapper.appendChild(elm.cloneNode(true));

elm.parentNode.replaceChild(wrapper, elm);

}

Så bare rolig der er ikke noget farligt i det Håber det kan bruges, god fornøjelse!

Ret værdien af hidden form fields/skjulte formularfelter

Skriv en kommentar Cancel reply

Del indlægget

Andre indlæg der kunne være interessante

Skriv en kommentar Cancel reply

Del indlægget