Onclick Image ->> Add Text To Input(text)field?

when some images get clicked, a text should added to an input(textfield). Does someone know how this can be done? I suppose it can be done via javascript. thanks in advance! If you need more information, just ask

Comment/Reply (w/o sign-up)

gahhhh, i had a script like this, but then i completely lost it! I'm positive that you can find a script like that at hotscripts.com

dang it, i can't believe i forgot that script...

it's something like:

OnMouseClick then document.write something....

Comment/Reply (w/o sign-up)

That would be simple enough using the Document Object Model of HTML and JavaScript..

A javascript function could access nearly any element in the page, and at any time, so an image being clicked would be a good time!

Basically, how it works is by giving the element you want access to an ID with the id="" attribute. Then you can get a direct reference to that element by using the ID with the getElementById() function that is part of javascript. Once you have access to the element, you can change its Value property to display any text you want.

Wrap that in a function, and call it in the onclick event of an image.

Here is an example:



I hope that helps!

 

 

 

Comment/Reply (w/o sign-up)

ok, thanks ! You provided the code i was looking for

this topic can be closed now? question answered/problem solved..

btw: Systemofwisdom, i've raised your reputation with one point !
keep up the good work.

Comment/Reply (w/o sign-up)

Awesome
Onclick Image ->> Add Text To Input(text)field?

Thanks for supplying some code. I don't know much about Javascript ( just learning ) but do know PHP. I am building a custom CMS by myself and always need help on the Javascript end. I wanted to do the same, associate an image with a post by clicking a generated list of images to auto add the path. I had to add a parameter to the function but got it working great. -reply by Killswitch

Comment/Reply (w/o sign-up)

Editable textarea
Onclick Image ->> Add Text To Input(text)field?

I was searching for an editable (html) textarea and landed on this page. The "Word" looking text editor that this question is created in is exactly what I'm looking for. Can anyone tell me where to get more info about it?

====================

Admin Reply - Is this what you were looking for?

The ultimate textarea replacement.
http://www.openwebware.com/

Finally, a free cross-browser WYSIWYG editor that's packed with every rich-text editing feature you need to make your content management system that much better.

TinyMCE - Javascript WYSIWYG Editor
http://tinymce.moxiecode.com/

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.

Comment/Reply (w/o sign-up)

Works great, but how about if the form box was on a linked page?
Onclick Image ->> Add Text To Input(text)field?

Replying to SystemWisdom

Hi, I don't know what to even look for to do this. My company website has an agent profile and a contact page for me. I made 3 rollover buttons on my profile page, that when you click on them will link to the same company contact page. I'm trying to find the code that I could attached to each of my three buttons, so when they are clicked on they will each input something different in the same comment text box on the linked page. So than the customer can just fill in his name and number, and hit submit button with out typing in the comment box on what Service (Button clicked on) they are requesting more info on. If any one could help, I would be most thankful! So I have Web Page A & Web Page B (I can't add any text) - So I only have access to Web Page A WebPage A - Has 3 different buttons, each button when you click on them will go to the same URL WebPage B. WebPage B - is a unchangeable Submit Form page, were people can write Name # and Comment Text Area. Problem: What code could I use on Page A that has 3 different buttons, When you click on one of the 3 buttons on Page A, it would genterate a text related to that button in the comment text box field on Page B. This is what I've been looking for but I need the text to go to page B Comment Box -reply by Doug

 

Comment/Reply (w/o sign-up)

Displaying an image before upload when it is selected via
Onclick Image ->> Add Text To Input(text)field?

Hi there.

Iam at wits end!!

I have written code that displays an image based upon the file selected from the input/upload functionality. But is only displays one file on my computer automatically and refuses to do the rest.

I use Javascript and set the scr attribute of the image through the eg;

document.GetElementById("MyPic").Scr=document.GetElementById("FUpload").Value;

Like I said I played around with is and it worked on one of the JPEG fles on my pc but refused any other fies, including JPEG files. What's wrong or am I missing the point altogether.

Regards Sakkie 

-question by Sakkie

Comment/Reply (w/o sign-up)