Copying text from an element in jquery and inseting into another elelement - javascript

I am trying to create a simple js script that will copy text from a specified div element and paste it into the 'value' field of a form. This is the best I have managed to come up with:
var txt=$('div').clone();
$('#name').val(txt);
Can somebody please let me know where I am going wrong?
Thanks guys!

var txt=$('div .someclassname').text();
or var txt=$('div #someidname').text();
$('#name').val(txt);
it like that.

Related

How to get the style properties of the variable in which you are storing text

tag for text area used
<textarea id="tag_text"></textarea>
I am using the following code to store the the content of text area.
var texAreaContent = document.getElementById("tag_text");
Now what code should I use to retrieve the style of every word of the text area content. Please provide the code in JavaScript and please provide a better way if you know because I am at a beginner level
I didn't get what's your problem.
i tried this in my way of understanding of your problem. Check this.
var texAreaContent = document.getElementById("tag_text");
texAreaContent.style.color="blue";
<textarea id="tag_text">Test</textarea>
With jQuery, you can do this like this
$("element").prop('tag_name')
You can change style of an element like this
$("element").css('background', 'lime')

Onclick feature over image

I am trying to make text appear when the user clicks on an image but cannt get it to work. could someone please help me i'm doing it using JavaScript.
Thanks
Here you go, and an example:
<img src='http://placehold.it/350x150' onclick='alert("Text appears...")'/>
Here's another example showing how you can do the alert and write text to a div, since the alert is of limited value. You can also just write to the div
Mikeb's code works if you are writing it in HTML. If you are using Javascript and have a reference to you element:
var imgElement = document.getElementByID('WhateverYouPutAsTheID') //or get ref some other way
imgElement.onclick = function() { alert('Message you want to display'); };
I hope this works for you!

Raphael.js text not showing when assigned to variable

I have this weird error, the title pretty much says it all. I'm trying to make a Javascript variable which has a Raphael.js text element as 'value'. Problem is the text is not showing. When I just do paper.text, without assigning the object to a variable the text does show. Has anyone encoutered this? I can't seem to find a solution. Thanks in advance.
var messageObject = paper.text(100,100,"test");

How to create anchors on the fly or how to modify exiting ones using jscript or jQuery

I have numerous URIs displayed in a scrollable html table. When I hover over the first file name the actual image will display as a tooltip (with the help of some jQuery code) next to the name because I have an anchor hard-coded to do just that. Unfortunately, I cannot figure out how create or modify anchors via javascript or jQuery on ther fly, so I need help.
Here is the one hard coded anchor that works just fine for a specific URI:
< a id="a$ci" class="screenshot" rel="http://www.xyz/ge/XpixColona003.png" title="XpixColona003.png">XpixColona003< /a>
I would be very happy id someone could show me how to modify the rel the title and text of the anchor with javascript or jQuery, or, show me how to create the correct anchor for every URI anew.
Thanks for your help in advance!
Alex
$("a").hover(function(){
var anc = $(this);
anc.attr("src","new value");
anc.attr("rel","new value");
anc.attr("title","new value");
});

Convert javascript prompt to html form

I'm trying to convert some javascript that gives the user a prompt into an html form that displays the output in a span. I've been searching the net but haven't found a way to do it that I can understand.
This is my code: http://jsfiddle.net/nickykw/tMXmj/15/
I'd like the output of the script to be displayed in the "outp" span. If anyone can point me in the right direction I'd be grateful.
Thanks
This will help you if you are allowed to use jQuery and you name your controls. If you are not allowed to use jQuery I hope you get the idea.
$(document).ready(function(){
$('.submit-button').click(function(e){
e.preventDefault();
var number = parseInt($('.submit-input').val());
$('#outp').html(num2Letters(number));
});
});
Fiddle: http://jsfiddle.net/Q2P7H/

Categories