[JS/Forms] Form-value toevoegen aan DIV - Softwareontwikkeling

woensdag 29 maart 2006 12:42

Acties:

Verwijderd

Topicstarter

Hoi!

Ik heb de volgende code:

code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function showimage(t)
{
if (!document.images)return;
document.images[t.getAttribute("name").replace("select","pics")].src=t.options[t.selectedIndex].value
}

function sendText(e, text) 
{ 
  e.value = e.value + text 
} 
</script>
</head>

<body>
<form>
<img src="photos/startimg.jpg" name="firstpics" width="100"
height="100" id="firstpics"><br>
          <select name="firstselect" size="10" onChange="showimage(this)">
            <option selected>Select....</option>
            <option value="logo.jpg">Pic 1</option>
            <option value="archief.jpg">Pic 2</option>
            <option value="heipaal.jpg">Pic 3</option>
</select>

<input name="submit" type="button" onClick="sendText(document.form1.oDiv, 'testtekst')" value="verzend" />

<DIV id=oDiv name="oDiv" CONTENTEDITABLE ALIGN=left STYLE="height:300; 
                width:95%;background-color:white; font-face:Arial; padding:3;    
                border:inset #99ccff; scrollbar-base-color:#99ccff; 
                overflow:auto;">Dit is een freaky tekst!</DIV>
</form>
</body>
</html>

Ultieme wens is het toevoegen van de selectie uit de select aan een div, maar laat ik bij het begin beginnen...

Ik roep de functie SendText op, en wil daarbij de "testtekst" toevoegen aan de div "oDiv".
Ik krijg dan echter een error, omdat de DIV "geen object is"...
Intusen ben ik me suf aan het zoeken op Google, maar weet iemand hier wat ik kan doen om dit wel werkend te krijgen??

woensdag 29 maart 2006 13:05

Acties:

XWB

Devver

JavaScript:

function sendText(text) 
{ 
    var content = document.createTextNode(text);
    document.getElementById('oDiv').appendChild(content); 
}

en

HTML:

1	<input name="submit" type="button" onclick="sendText('testtekst')" value="verzend" />

[ Voor 32% gewijzigd door XWB op 29-03-2006 13:08 ]

March of the Eagles

woensdag 29 maart 2006 13:07

Acties:

wizzkizz

smile...tomorrow will be worse

probeer je div eens aan te roepen met document.getElementById( "oDiv" ) en dan kun je met innerHTML tekst toevoegen/verwijderen/bewerken/whatevah.

Ook schijnt IE wel eens kuren te hebben een ID en een NAME die gelijk zijn, even op letten dus.

edit:

met DOM-manipulatie werken is wel netter dan innerHTML bij de weg

[ Voor 18% gewijzigd door wizzkizz op 29-03-2006 13:08 ]

Make it idiot proof and someone will make a better idiot.
Real programmers don't document. If it was hard to write, it should be hard to understand.

woensdag 29 maart 2006 13:37

Acties:

Verwijderd

Topicstarter

Hacku schreef op woensdag 29 maart 2006 @ 13:05:

JavaScript:

function sendText(text) 
{ 
    var content = document.createTextNode(text);
    document.getElementById('oDiv').appendChild(content); 
}

en

HTML:

1	<input name="submit" type="button" onclick="sendText('testtekst')" value="verzend" />

Thnx man, echt super...

Ik heb 'em nu ook al zover dat ie de url van een image toevoeg met

code:

1	<input name="submit" type="button" onclick="sendText('[img]'+document.getElementById('firstselect').value+'>')"[/img]

Alleen dat geeft ie echt de <img> text weer in de DIV en ik wil het plaatje tonen... Ik kan volgens mij niet een " plaatsen na src=, toch?

woensdag 29 maart 2006 13:45

Acties:

XWB

Devver

img is een element, die moet je ook maar even aanmaken met createElement

JavaScript:

function sendText(img, text) 
{ 
    var content = document.createTextNode(text);
    var plaatje = document.createElement('img');
    plaatje.src = img;
    document.getElementById('oDiv').appendChild(content); 
    document.getElementById('oDiv').appendChild(plaatje); 
}

HTML:

1	<input name="submit" type="button" onClick="sendText(document.getElementById('firstselect').value, 'testtekst');" value="verzend" />

March of the Eagles

woensdag 29 maart 2006 14:41

Acties:

Verwijderd

Topicstarter

Hacku schreef op woensdag 29 maart 2006 @ 13:45:
img is een element, die moet je ook maar even aanmaken met createElement

JavaScript:

function sendText(img, text) 
{ 
    var content = document.createTextNode(text);
    var plaatje = document.createElement('img');
    plaatje.src = img;
    document.getElementById('oDiv').appendChild(content); 
    document.getElementById('oDiv').appendChild(plaatje); 
}

HTML:

1	<input name="submit" type="button" onClick="sendText(document.getElementById('firstselect').value, 'testtekst');" value="verzend" />

geweldig

sorry voor de n00b-nivo vragen

vind het alleen altijd lastig, dat JS