Reading Text Value From An Element With Dynamic Id?
Aug 2, 2010How should i read the text which is inside a divison.I have the divison id,but we cannot use getElementById because everytime the page is refreshed its id is changed.
View 5 RepliesHow should i read the text which is inside a divison.I have the divison id,but we cannot use getElementById because everytime the page is refreshed its id is changed.
View 5 RepliesI'm trying to read (and then change) the text on two buttons in my
user interface:
<button class="primary approve">Approve selected</button>
<button class="primary reject">Reject selected</button>
Now depending on how many checkboxes (elsewhere) are selected, I want to change the text to something like "Approve 4 selected" I'm tried in vain to acess:
$("button.primary").each(function(){
console.log( $('this').text() );//fails
console.log( $('this').html() );//fails
});
and for completeness sake I also tried $(this).value -- but of course it returns the .value attribute of the button. 2 questions: How do I access the text and change it?
I have problem with reading div width, sometimes, for this same div element, jquery returns width of 800 (which is correct), but then sometimes, it returns 93(which is not correct).
Here's the html (part of it):
Code:
And here jquery function:
Code:
This line is the problem. Sometimes, it says width of that div element is 800, sometimes 93. I put border around div, and i can clearly see it really hs width of 800, but sometimes, i still says (firebug) that width is 93. there is the image inside this div.
I have this code snippet:
updateProps snippet:
if (mycheckbox.checked == Ƈ')
? $('mycheckbox').checked = true
: $('mycheckbox').checked = false;
content = $('mydiv').innerHTML;
html snippet:
<div id="mydiv">
<input id="mycheckbox" class="checkbox" type="checkbox" value=""
tabindex="14" onchange="(this.checked) ? checkVal = Ƈ' : checkVal =
Ɔ'updateProps(checkVal, 'mycheckbox')" />
</div>
The problem is that when I display the contents of content it doesnt
have 'checked'. But if I alert($('mycheckbox').checked); it says it is
true
Is this a problem with innerHTML not grabbing the correct data or the
checkbox not actually being checked?
I am trying to develop a small web based inventory programme. In the programme, after orders are placed for supply of an item, the materials are to be recieved by the stores. For this a "goods received page" is used. On start the page loads items as per the purchase order in the database. Javascript is used to calculate the cost of each item and total cost of all items. since the number of items vary from order to order I use the following code to load the page. ( PHP is used in the server side).
<input type='text' size='10' name ='rqty[]' value='1.000' align='right' onchange="recalculate()">
<input type='text' size='10' name ='rqty[]' value='2.000' align='right' onchange="recalculate()">
[Code]....
My problem is that the above will work whenever there are two or more items and the variable qty is actually an array. But it does not work when there is only one item. In other words, it does not recognises a single element array. value of rsize is returned as undefined. Splitting the loading process with seperate naming for single items as rqty and multiple items as rqty[] is not possible as option to be given to delete items from a multiple item page. This may end up in a single item page eve n when there are multiple items at load time.
That's a html file. Because of forbidden uploads of html files i removed the file extension. So put after download the file extension ".html" on it and take a look at the sourcecode.
The goal is to parse the included xml structure and to show the some information as tabs with a title. Unfortunately I need to run that in IE& or to day in quirks document mode cause my application just runs on that. <press F12 in IE and set document mode to quirks>
check the alerts:
alert('ID: ' + $(this).attr('id')); works fine but not this: alert('ATTR: ' + $(this).children('title').first().text());
Perhaps there is something wrong with $(this).children('title').first().text(); or i have no child nodes in my object. normally I use find() to get rid of that but i saw somewhere that filter() is possible for older ie versions.
Dear frnd I wanna read on html page , and i have script :
[Code]....
But as its using activex control not allowing in all browser. Have you any other way with pure js to read the file contains ? or allowing activex in all browser?
I'm trying to read a text file with node.js. This text file is a line of just numbers. I add every line to an array as a string. What I want to do is make it so every element in the array is only one number in the text file. When I use the split function with (" ") it doesn't work correctly; it prints out a string as all the numbers in the text file. how would I delimit this text file with every space or new line.
var fs = require('fs');
var array = fs.readFileSync("10_01.txt").toString().split(" ");
for (var ind = 0; ind<array.length; ind++)
[code]....
Is there a better way to do this because at the moment it doesn't seem to display what I want?
I am reading a text file using the following Javascript code.
function getXmlHttpRequestObject() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest(); //Not IE
[code]....
I have a text file which has values in the format of "text1,text2,text3" etc what I need to do is read this text file using jquery and store the data in a variable in the head of my webpage, so something like:
var data = everything within textfile.txt
I have written the following code to read contents of a text file using FileReader object of HTML 5 for Google Chrome.
<script>
function handle_files(files) {
var i;
if (checkBrowser("Chrome")) {
for (i = 0; i < files.length; i++) {
file = files[i];
var reader = new FileReader();
ret = [];
reader.onload = function (e) {
console.log(e.target.result)
}reader.onerror = function (stuff) {
console.log("error", stuff)
console.log(stuff.getMessage())
}text = reader.readAsText(file[i]);
alert(text);
}}}
</script>
<input type="file" multiple="multiple" onchange="handle_files(this.files)">
Unfortunately, the variable text always displays as undefined. Everything above the line text = reader.readAsText(file[0]); works fine. Is there any other solution to read a text file using HTML5/JavaScript on Chrome?
In the following script, I cannot figure out how to access the TEXT information of the radio buttons displayed. All other coded functions perform as expected. I'm not receiving any from the browser?
Code:
<html>
<head>
<title>Options Text</title>
<script type="text/javascript">
function SboxVOptions(IDS) {
var tarr = [];
var sel = document.getElementById(IDS);
for (var i=0; i<sel.options.length; i++) { tarr.push(sel.options[i].value); }
alert(tarr.join('
')); .....
Is it possible to get the contents from .js or .txt file. I wish to store all the tool tip content in a txt or js file, pass the parameter to get the msg depending upon the parameter? is it possible? if yes how can i do it?
View 1 Replies View RelatedI'm getting to grips quickly with the power of jQuery but have it a bit of a problem. I have a design for a website which will utilise both microformats, moustach and jQuery in two ways.
[Code]...
Am creating a dynamic text box along with datepicker image.. when I enter newdate into the text box, it simply goes to previous textbox and updating the textfield. How to enter the date into the newly created text box??? And also once I complete the first row data , that row should be disabled.
View 1 Replies View RelatedI'm doing a very simple expand/collapse function using 'slideToggle'. The button that triggers this event simply says 'Expand/collapse'. I want this text to change depending on whether an element is visible or hidden.
[Code]...
Here's my situation:
I want to loop through a set (10) of similar named form elements to check if they are blank:
for (i = 1; i <= 10; i++)
{
if (document.form1.firstname??.value=="")
{
alert("A FIRST NAME is required to proceed");
document.form1.firstname??.focus();return false
}
}
My question is how do I refer to the loop variable "i" in location "??"
On the right site there is a box with a vertical scrollbar. It´s a DIV (id="right") with an iframe in it. Maybe I´ll put a DIV with overflow:auto in it but it doesn´t matter now.
The customer wants that this 'scrollbox' takes all available vertical space. That means it should start right under the header and end above the footer.
But when there is much content and the user scrolls down the page the scrollbox has to stick under the top edge of the viewport.
Does anybody know how to realise this?
I think I can use JavaScript to get the y-position of the scrollbox and then change margin-top of the iframe or padding-bottom of DIV id="right" or whatever. Code:
I've got a PHP script that pulls some records from a MySQL database in a loop. They're images, so what I want to do is have a javascript onhover thing where a big image will display depending on which thumbnail you hover over. The code I'm using is as follows:
<!-- this bit goes between the head tags -->
<script language="javascript" type="text/javascript">
function showT(q) {document.getElementById('ima').setAttribute('src','../images/properties/'+q+'')}
</script>
[code]....
Now this javascript does work, but of course it only displays the onhover behaviour in the first element, so if there are ten img id="ima"s on the page, hovering over their associated thumbnails only changes the img id="ima" at the top of the page. It would be useful if I could have the getElementByWhatever parameter accept anything from "ima01" upwards, that way I can just append $strID onto the end of the id name and make the unique identifier that way.
Is this possible with JQuery? I have the following code which I think Should do this, but it's not working :/These are two different functions which I've been testing, and the html element is supposed to create a dropdown list via some PHP which will have the option "Other" within it. Unfortunately, I have no idea exactly how to turn "Other" into a text box when the user clicks, and I've been spending a lot of time on this already.
[Code]...
I'm writing a script and I've encountered a problem.. I have a txt file with many words, each word in a different line. For example: the file words.txt contains:
word1
word2
word3
word4
word5
I need to load the content of the file into a variable in my script. I prefer that all the words will be in the same variable with line breaks, but if you'll figure out a way to put it in an array, it's ok too. I really don't know how to do it, and I tried to google but didn't understand.. By the way, I don't want to change the txt file to js file, I need it to remain txt..
I'm attempting to submit a form via a function which dynamically creates a
hidden input:
function submitLocation(theForm) {
var e = document.createElement('input');
e.setAttribute('type', 'hidden');
e.setAttribute('name', 'location');
e.setAttribute('value', Ƈ');
var f = document.getElementById(theForm);
f.appendChild(e);
document.forms[theForm].submit();
}
The function is called from an anchor's onclick event:
<form name='form1' method='post' action='action.php'>
<a onclick="submitLocation('form1');">Submit</a>
</form>
However the function produces an input which is missing the name element:
<INPUT type=hidden value=1>
The desired output should be:
<INPUT type=hidden name=location value=1>
I am using spinbox plug-in. Its working well.
But it is not working in dynamic text boxes
I try to make a dynamic form with inputs depended on selects fields. My method works in static form but I don't know how to use it in dynamic one.
JSON function ( to control correct input with select)
$(document).ready(function() {
$('select.sf').change(function() {
[code]....
Im trying to make the VALUE element within a form dynamic using JQuery and was wondering if the following is possible and if not what is the way to achive this?
<select name="select1" id="select1" size="1">
<option value="item_1">Item 1</option>
<option value="item_2">Item 2</option>
</select>
[Code].....
[url]
This is all triggered from a, input :select. If a specific option is selected, generate a text field to enter a reason. the generated input carries an id: txComments_01/01 (this being the value pulled from the attribute "data-date".
The client only wants one per week, so if it exists already don't re-create it