javascript - document.write problem - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

Bruger #13068 @ 21.09.09 07:51

Jeg hat denne kode på min side

Kode

	<script>
	function loadimg()
	{
	document.write("text her");
	}
	</script>
	<input type="text" name="img" onblur="loadimg()">

Problemet er at når jeg fjerner fokus fra text feltet, så "sletter" den alt der er på siden, og skriver "text her" på en ny blank side. Meningen er at den bare skal udskrive det på det sted i dokumentet hvor scriptet er.

PS: Scriptet er IKKE i mellem <head> og </head>

Edit: I kan se siden her http://itgeeks.dk/anmeldelse/opret.php

Indlæg senest redigeret d. 21.09.2009 07:53 af Bruger #13068

7 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #7461 @ 21.09.09 09:06

193

Den rigitge måde at gøre det på er at indsætte et div der hvor du vil have din tekst vist (tekst her).
Også bruge:
document.getElementById('divid').innerHTML = 'Tekst her';
Eksempel:

Kode

<script type="text/javascript">
	function loadimg()
	{
	document.getElementById('divid').innerHTML = "text her";
	}
	</script>
        <div id="divid"></div>
	<input type="text" name="img" onblur="loadimg()">

Indlæg senest redigeret d. 21.09.2009 09:06 af Bruger #7461

Bruger #3143 @ 21.09.09 14:08

1.965

Grunden til det ikke virker er at document.write kun må bruges direkte i scripts, som køres når siden indlæses. Den må altså ikke bruges i event listeners som fx onload, onclick og onblur, og du bruger den i onblur.

Bruger #11328 @ 21.09.09 17:16

1.323

document.getElementById("imgid").value;

Bruger #6559 @ 21.09.09 08:56

843

Så vidt jeg husker så slettes alt, fordi document.write tilføjer et DOM element.

Indlæg senest redigeret d. 21.09.2009 08:56 af Bruger #6559

Bruger #13068 @ 21.09.09 16:17

Jeg stødte på et nyt problem.
Det tekst felt som hvar med før får jo en værdi, den værdi vil jeg gerne hente ind med javascript når onblur sker. men jeg kan ikke få koden til at virke

Kode

<script>
function loadimg()
{
document.getElementById('visimg').innerHTML = "<iframe src=http://itgeeks.dk/anmeldelse/img_chooser.php?mode=load&link=HER SKAL VÆRDIEN STÅ frameborder=0 allowtransparency=true></iframe>";
}
</script>
HER ER DET FELT SOM VÆRDIEN SKAL HENTES FRA<input type="text" name="img" onblur="loadimg()">

Jeg har prøvet med en variable, men jeg kunne ikke finde ud af det da jeg er helt nybegynder.

Indlæg senest redigeret d. 21.09.2009 16:18 af Bruger #13068

Bruger #13068 @ 21.09.09 21:34

Jeg er som sagt helt ny, så hvor i koden skal den stå?

Bruger #13068 @ 22.09.09 16:18

Hej, jeg fik det selv til at virke

Jeg gjorde sådan her

Kode

<input type="text" name="img" onChange="loadimg()">
	<script>
	function loadimg()
	{
	gimg=(document.getElementById("img").value);
	document.getElementById('visimg').innerHTML = "<iframe src=http://itgeeks.dk/anmeldelse/img_chooser.php?mode=load&link=" + gimg + " frameborder=0 allowtransparency=true></iframe>";
	}
	</script>
	<br>
	<div id="visimg"></div>

Mange tak for hjælpen

Sieg for selvfølgelig point, for at svarer på det oprindelige spørgesmål

Indlæg senest redigeret d. 22.09.2009 16:19 af Bruger #13068

document.write problem

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler