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
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

15/11

Test: Audi Q6 er en super fed SUV - men gør dig selv en tjeneste og kast flere penge efter den

15/11

Stor sag mod Microsoft kan være på vej: Beskyldes for at låse Azure-kunder fast med ulovlige metoder

15/11

Det vrimler frem med gratis-alternativer til ChatGPT Plus – her er de bedste af dem

15/11

Nørgaard: Lad os pudse Trump på DSB’s signalprogram og Ejendomsvurderingerne - men først efter han har øvet sig på at løse store problemer

15/11

Vil nedlægge central cybersikkerheds-myndighed i USA: Hæmmer ytringsfriheden

15/11

Ny aftale: Folketinget klar med milliarder til digitalisering af sundhedsvæsenet - se planerne her

15/11

Kaotisk it-projekt til 300 millioner kroner til danske skoler afsluttes efter flere års forsinkelse: Har mistet overblik over økonomien

15/11

Offentligt eller privat? Her er 10 ledige it-stillinger, som du kan søge lige nu

15/11

Danske sygehuse når ikke at opgradere tusindvis af computere til Windows 11 i tide: Får konsekvenser for it-sikkerheden

15/11

De har stor succes med selv at uddanne deres ERP-folk: Sådan fungerer uddannelses-ordningen hos selskabet

15/11

Ny Star Wars-trilogi på vej

Vis flere artikler

IT-JOB

DSV

IT Portfolio and Delivery Management Manager for SAP Area

Netcompany A/S

IT Consultant

MAN Energy Solutions

Department Manager Edge Platform

SDC A/S

Senior Business Developer - Market Risk

Ward247 ApS

IT Operations Manager

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I går 22:42	Ældre version af windows media player Af absalon i Windows
I går 20:04	Hvilket headset kan recommenders? Af BlåAbe i Andet hardware
I går 15:33	HTML-LINKS Af snestrup2000 i Webservere
I går 14:57	HEIC og HVCE Af puren i Billedbehandling
15/1116:24	Fejl på netwærkskort Af komsam i Internetforbindelser