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

scope Nybegynder

11. oktober 2005 - 09:29 Der er 8 kommentarer og
1 løsning

Hvordan sættes name attribut på input textbox?

Jeg undrer mig lidt.. Kan ikke sætte name attributten på en textbox.. Her er et lille eksempel til illustration:

<html>
<head>
<title></title>
<script type="text/javascript">
function doit(elm){
obj = elm.previousSibling.previousSibling;
obj.name = obj.value;
alert(obj.outerHTML);

obj.setAttribute( 'name', obj.value, 0 );
alert(obj.outerHTML);

obj.removeAttribute( 'name', 0 );
obj.setAttribute( 'name', obj.value, 0 );
alert(obj.outerHTML);
}
</script>
</head>
<body>
<input type="text" id="a" name="a">
<br>
<button onclick="doit(this);" ID="Button1">test</button>
</body>
</html>

Hvad siger I?

Jeg kan lige tilføje det er til IE 6, programmerer på intranet og alle brugere bruger samme version og mærke af browser.. ;)

Synes godt om

scope Nybegynder

11. oktober 2005 - 10:51 #1

Dette er en mulighed men det må da kunne gøres lettere??

function doit(elm){
obj = elm.previousSibling.previousSibling;

tmpName = obj.name;
tmp = obj.outerHTML.toString();
tmp = tmp.replace('name='+ tmpName,'name="j"');

obj.removeNode(obj);

document.body.insertAdjacentHTML( 'beforeEnd', tmp );
alert(document.body.innerHTML);
}

Synes godt om

thomas_yde Nybegynder

11. oktober 2005 - 11:00 #2

Tjaa muligvis sådan her:
<html>

<body>

<script type="text/javascript">
function getE(id){
return document.getElementById(id);
}

function addNameElm(elmId,elmName){
elm = getE(elmId);
elm.name = elmName;
}
</script>
<input id="textBox1">

<input type="button" onClick="addNameElm('textBox1','newName');">>
</body>
</html>

Synes godt om

olebole Juniormester

11. oktober 2005 - 22:16 #3

<ole>

Desværre stinker IE's DOM-håndtering af input-elementer og deres name-attribute :o|

En lidt mere 'sexy' version af din egen metode kunne dog være:

<script type="text/JavaScript">
function myTest(repl) {
var sElm, o = document.getElementById("gnu");
sElm = o.outerHTML.toString().replace(/name=[^>| ]*([^>]*)>/i, "name="+repl+"$1>");
o.parentNode.replaceChild(document.createElement(sElm), o);
}
</script>

<input id="gnu" type="text" name="foo">
<br>
<button onclick="myTest('bar');alert(document.getElementById('gnu').outerHTML)">TEST</button>

Så kan du selv erstatte 'o' med det element, du navigerer dig frem til :)

/mvh
</bole>

Synes godt om

olebole Juniormester

11. oktober 2005 - 22:24 #4

- ehhhhh ... hva' faaaaa'en ... scope ...?!??!!! :D
Hej, knajt ... check MS' reference for createElement-metoden:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/createelement.asp

- der viser de selv lidt om, de patetiske 'hacks', der skal til at DOM-handle input-elementer ... omend de har en anden måde at omtale det på ;]

Synes godt om

olebole Juniormester

12. oktober 2005 - 00:40 #5

- kom lige i tanker om noget andet. Det er absolut grimt - og du har det ikke fra mig 0=)

function myTest(repl) {
var sElm, o = document.getElementById("gnu");
o.outerHTML = o.outerHTML.replace(/name=[^>| ]*([^>]*)>/i, "name="+repl+"$1>");
}

Pas i øvrigt på med at sætte event-handlers på elementer via JS/DOM, hvis du efterfølgende ændrer dem med inner- eller outerHTML. Denne onclick-handler går f.eks. tabt, når myTest afvikles:

function myTest(repl) {
var sElm, o = document.getElementById("gnu");
o.outerHTML = o.outerHTML.toString().replace(/name=[^>| ]*([^>]*)>/i, "name="+repl+"$1>");
}
window.onload = function() {
document.getElementById("gnu").onclick = function(){alert("ugh")};
}

Synes godt om

olebole Juniormester

12. oktober 2005 - 01:37 #6

En løsning kunne være:

function myTest(repl) {
var x, sElm, oEvnt = {}, o = document.getElementById("gnu");
for (x in o) if (x.substr(0,2)=="on"&&o[x]) oEvnt[x] = o[x];
o.outerHTML = o.outerHTML.toString().replace(/name=[^>| ]*([^>]*)>/i, "name="+repl+"$1>");
o = document.getElementById("gnu"); // Vi har jo overskrevet lortet
for (x in oEvnt) o[x] = oEvnt[x];
}
window.onload = function() {
document.getElementById("gnu").onclick = function(){alert("ugh")};
}

Synes godt om

scope Nybegynder

02. marts 2006 - 15:19 #7

Fatter kan du så smide det svar.. ;)

Den her har da vist ligget lidt længe?? :D

Synes godt om

olebole Juniormester

11. marts 2006 - 23:19 #8

- s'gerne ... har endnu ikke fået net i den ny rede, men er lige på besøg i den gamle. Hygge, hilse - og rug nu varmt og godt på mit farfar-æg ;D

Synes godt om

scope Nybegynder

13. marts 2006 - 11:20 #9

Halløj..

Jeg skal nusse og pusse.. ;)

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
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
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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