ansaurus

Question

How to change the background image of a textarea

Answer 1

+2 A:

This should work:

<textarea id="text">
Lorem ipsum dolor sit amet, ...
</textarea>

<select onchange="document.getElementById('text').style.backgroundImage = 'url(' + this.value + ')';">
<option value="image1.png">Image 1</option>
<option value="image2.png">Image 2</option>
</select>

Douwe Maan 2010-07-15 14:17:42

in this where do i specify path to my image ?? <select onchange="document.getElementById('text').style.backgroundImage = 'url('img1.bmp + this.value + ')';">

subanki 2010-07-15 14:20:13

In the `value=""` for the `<option />`!

Douwe Maan 2010-07-15 14:21:43

wow Douwe u r awsome, thanx friend , it works

subanki 2010-07-15 14:26:34

Happy to help, but if you would +1 and accept my answer I'd be even happier ;)

Douwe Maan 2010-07-15 14:28:05

in your code how do i trace my textarea, i mean my textarea is actually in a iframe

subanki 2010-07-15 14:28:26

+1 for getting it right :)

Sarfraz 2010-07-15 14:28:49

i gave +1 too, how to set my textarea path

subanki 2010-07-15 14:29:45

@sAc Thanks ;)@subanki How do you mean 'set my textarea path' and 'trace my textarea'? You can get your textarea in JavaScript using `document.getElementById('text')`.

Douwe Maan 2010-07-15 14:30:57

my textarea is in a <iframe name= "dork">

subanki 2010-07-15 14:37:04

Your textarea is INSIDE the `iframe`? Try this: `window.frames['dork'].getElementById('id').style.etc`, replace `id` with the actual `id` attribute of the `textarea` inside the `iframe`.

Douwe Maan 2010-07-15 14:39:15

dont worry i figured it out already , thanx buddy i am adding ur name also in my credit page, thanks again

subanki 2010-07-15 14:41:10

Haha, okay, thanks ;)

Douwe Maan 2010-07-15 14:43:00

Answer 2

A:

It should be:

<script>
function kool(input)
{
   var el = document.getElementById('abc');
   el.style.backgroundImage = 'url(' + input + ')';
}
</script>
</head>
<body>

<textarea name="abc" id="abc">
1) Make paper airplanes out of the exam. Aim them at the instructor's left nostril. 
2) Bring cheerleaders during an exam.
</textarea>

<select id="xyz" onchange="kool(this.value)">
<option value="A.jpg">Image 1</option>
<option value="B.jpg">Image 2</option>
</select>

Make sure that paths are correct.

Sarfraz 2010-07-15 14:18:05

`url()` isn't a JavaScript function, so that won't work ;)(Edited it for ya)

Douwe Maan 2010-07-15 14:21:27

@Douwe M.: Thanks buddy, i forgot those quotes :)

Sarfraz 2010-07-15 14:27:56

ansaurus

tags:

views:

answers:

How to change the background image of a textarea

related questions