Avatar billede zeus Nybegynder
06. oktober 2000 - 15:41 Der er 14 kommentarer og
1 løsning

usynligt tekst felt, næsten da....

Jeg har et tekstfelt jeg gerne vil lave usynligt, og umuligt at rette teksten der står i. Hvordan gør jeg det, altså hvordan sætter jeg rammefarven, baggrundsfarven og hvordan låser jeg feltet....Grunden er at jeg skal angive noget data på baggrund af nogle bruger handlinger, og for hver gang en bruger f.eks. vælger en ting i sin rullemenu, så skal jeg skrive noget nyt, altså skal jeg referere til document.TheForm.TheTekst.value....
Men det ser dumt ud det står i et tekst felt og ikke bare skrevet normalt, kan det evt. gøres anderledes....
Avatar billede jumper Nybegynder
06. oktober 2000 - 15:44 #1
<input type=text style=\"border:0px\" disabled>

Men hvorfor ændrer du ikke bare på indholdet af et DIV element? F.eks. hvis du har følgende DIV:

<div id=test>Noget gammelt tekst</div>

kan du blot ændre med

test.innerHTML = \'Noget ny tekst\'

/Thor
Avatar billede kasseper Nybegynder
06. oktober 2000 - 15:51 #2
jumper>>
\"Men hvorfor ændrer du ikke bare på indholdet af et DIV element? F.eks. hvis du har følgende DIV: \"
Det her virker ikke :
<html>
<head>
</head>
<body>
<form name=\"test\">
<div id=tekst>Noget gammelt tekst</div>
<input type=\"button\" value =\"klik her\" onClick=\"java script:document.test.tekst.innerHTML = \'ny tekst\'\">
</form>
</body>
</html>


??????
Avatar billede jumper Nybegynder
06. oktober 2000 - 15:55 #3
Væk med java script: fra onclick even\'ten og væk med document og tekst, så får du følgende:

<input type=button value=\"klik her\" onclick=\"test.innerHTML = \'ny tekst\'\">

/Thor
Avatar billede kasseper Nybegynder
06. oktober 2000 - 15:58 #4
Øhhh, så ryger alt ändet på siden også og der er kun tilbage : \'ny tekst\' det er jo ikke meningen...Og hvis jeg skal bruge din anden løsning, er der så også en måde at ændre baggrundsfarve og tekstfarve, da denne er blevet sløret da den blev disabled...
Avatar billede jumper Nybegynder
06. oktober 2000 - 15:59 #5
Alt andet på siden ryger ikke.

/Thot
Avatar billede kasseper Nybegynder
06. oktober 2000 - 16:03 #6
ja det gør det altså hos mig...
Jeg bruger flg. kode:

<html>
<head>
</head>
<body>
<form name=\"test\">
<input type=text name=\"myTekst\" value=\"gammel tekst her\" style=\"border:0px\" disabled>
<div id=test>Noget gammelt tekst</div>
<input type=button value=\"klik her for at ændre i div tagget\" onclick=\"test.innerHTML = \'ny tekst\'\">
<input type=\"button\" value =\"klik her for at ændre i tekst feltet\" onClick=\"java script:document.test.myTekst.value=\'ny tekst\'\">
</form>
</body>
</html>


Avatar billede zeus Nybegynder
06. oktober 2000 - 16:06 #7
Jeg er nu godt tilfreds med den løsning der foreligger...Tak jumper
Avatar billede kasseper Nybegynder
06. oktober 2000 - 16:07 #8
Den første virker altså stadig ikke...
Avatar billede jumper Nybegynder
06. oktober 2000 - 16:08 #9
Fordi du også har kaldt din <form> for test ;)

/Thor
Avatar billede kasseper Nybegynder
06. oktober 2000 - 16:11 #10
SORRY. Jeg er nok lidt fredags blind....
Avatar billede el_gnu Nybegynder
06. oktober 2000 - 18:13 #11
hmmm, stakkel NS brugere...
Avatar billede geeeet Nybegynder
06. oktober 2000 - 20:38 #12
el_gnu >> Jeps :-)

/Geeeet
Avatar billede jumper Nybegynder
06. oktober 2000 - 20:45 #13
el_gnu og geeeet, hverken den første eller anden løsning vil virke blot nogenlunde i NS4 ;)

Den første bruger CSS til at skjule kanten (border:0px) og NS4 fatter minus af CSS!

Den anden ændrer indholdet af et DIV element dynamisk, hvilket NS4 KUN kan gøre når dette element er absolut positioneret! Ergo, det er heller ikke tilfredsstillende.

/Thor
Avatar billede jumper Nybegynder
06. oktober 2000 - 20:45 #14
så ja, stakkels NS4 brugere, det vil aldrig kunne laves ordentligt for dem p.g.a. deres crap-browser ;)

/Thor
Avatar billede olebole Juniormester
08. oktober 2000 - 06:38 #15
<ole>
Hvorfor ikke bare leve det X-browser? Iøvrigt er der ingen grund til at gå omvejen over en container i IE. Der kan man skrive direkte ind i en tabel-celle:

<html>
<head>
<script language=\"JavaScript\">
<!--
var ns = (document.layers)? true : false;
if (ns) {
    widthCheck = window.innerWidth
    heightCheck = window.innerHeight
    window.onResize = resizeFix
}
function resizeFix() {
    if (widthCheck != window.innerWidth || heightCheck != window.innerHeight)
    document.location.href = document.location.href
}
function setFelt(tex) {
    if (ns) {
        doc = document.layers[\'test\'].document;
        doc.open();
        doc.write(tex);
        doc.close();
    }else{
        document.all.tags(\"TD\")[\"myTD\"].innerText = tex;
    }
}
function init() {
    if (ns) {
        document.layers[\'test\'].left = document.images[\'anchorPic\'].x;
        document.layers[\'test\'].top = document.images[\'anchorPic\'].y;
    }
}
//-->
</script>
<style type=\'text/css\'>
<!--
#test{position:absolute;}
-->
</style>
</head>
<body onload=\"init();\">
<div id=\"test\"></div>
<table width=98% height=98%>
    <tr>
        <td align=\"center\" valign=\"middle\">
        <form name=\"f\"> 
        <table>
            <tr height=30>
                <td valign=\"top\" height=30 id=\"myTD\"><img src=spacer.gif width=\"1\" height=\"1\" name=\"anchorPic\"></td>
            </tr>
            <tr>
                <td>
                <select name=\"s\" onchange=\"setFelt(this.options[this.options.selectedIndex].value);return false;\">
                    <option value=\"noget\">noget
                    <option value=\"noget2\">noget2
                    <option value=\"noget3\">noget3
                </select>
                </td>
            </tr>
        </table>
        </form>
        </td>
    </tr>
</table>
</body>
</html>

/mvh
</bole>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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