JQuery :: Splitting Data Out Of The Name Attr?
Feb 16, 2011I know this is probably super easy....but how does one extract var_1 & var_2 out of this?
<input type="checkbox" name="checkbox[var_1][var_2]" />
I know this is probably super easy....but how does one extract var_1 & var_2 out of this?
<input type="checkbox" name="checkbox[var_1][var_2]" />
Is there any was to prevent ampersand from splitting up the passed data? For example if my data looks like: "This is some text&blah blah" If I pass it as data it will get split up at "&": This is some text blah blah
View 5 Replies View RelatedI'm using ajax to store values from a form into MySQL. The form contains a text field named "title" and the method I'm using to fetch and pass on the data to the backend is shown below:
_data = "title=" + $( '#title' ).val();
$.ajax({
async: true,
type: "POST",
url: "backend.php",
dataType: "json",
data: _data,
success: function( json ) { .... }
}});
The method works fine for normal text, say "This is a sample text". However, if an ampersand is used in the title text (example: "This & That"), the post value is being truncated at the ampersand. In effect, the & in it is causing the string to be split up into two segments and the
part after the & is being treated as a variable,
i.e. instead of passing
title = This & That
What is being passed is,
title = This
That =
* as shown by Firebug
I make use of new HTML5 data attributes to attach data to DOM elements like so:<div class="foo" data-randomdata="bar">jQuery is awesome.</div> It would be nice to have a specific method to accessing the attributes without having to use the .attr() method like this: var foo = $('div').attr('data-randomdata'); It would be nice for it to work something like this: var foo = $('div').DOMdata('randomdata'); //equals bar
View 1 Replies View RelatedI'm attempting to make a simple hover image gallery with a static large image which swaps with a thumb on hover. However, on hover what happens is the new image comes up as the large image and if I then hover over another thumb it replaces that thumb with the original bigpic image source.
View 2 Replies View RelatedI'm writing this web app.For each view, when required, I'll have one or more script files named after the view. Some functions are shared across the site. So I extracted and put them into separate .js files. Some views may have sub-views (such as the login box).
And I ended up with 10 <script> tags per page (includes 3 jquery must-haves). Although in some pages I can lower it to 6, I still think this is a pretty big number, as lots of extra HTTP transaction is required when loading the page.
I put the <script> tags at the end of the page, before closing <body>. Most scripts didn't use $(document).ready().
So is it bad to have 10 <script> tags on each page? Is there a magic number I should never surpass? Is it a good idea to put lots of (unrelated) functions into a single .js?
And is it bad to have scripts executing at the end of the page rather than $(document).ready ?
I have no experience with Javascript at all, and this is probably tricky without the full code, but I'll give it a try anyways:
I have a page with two dropdowns (date and month), which generates a (0,0) value, (date,month).
I need to input those two values separately in two different locations in a generated URL. How can I split up the keys-result, instead of it being (0,0)?
CODE GENERATING URL;
PARTIAL CODE FROM DROPDOWN;
Can I maby add something to the "result.keys"-string to point to the "var days / var month"?
I'm trying to figure out how to split a url variable... I tried these two ways, with an alert to see my result, but I'm not getting anything.
[Code]...
I want to split it off into a script area, like my CSS has been.
I have:
Is something like this valid:
I need to take the text in a textarea, split it into an array, and have the items in the array be added to a dropdown menu. When I try to split the value of the textarea (which, by the way, contains comma-delimited text) into an array, the array invariably ends up with only one item in it, and that item contains the entire contents of the textarea all jammed together with the commas removed.
The offending code:
Code:
In my test page, the text area (DownListTextBox) contains "yes,no" and when the alert fires it shows that the array has a length of 1. The Option added to the dropdown list has a text of "yesno". So, what did I do wrong?
I'm just fooling around trying to make a simple ChatterBot. And I'm using IE to make a simple database of Answers and Sentences. Problem is it's acting odd when it's spliting into an array. In Answer.txt I have "Hello, *UserName*." (Which I will use the replace() to change that later.) And in Sentence.txt I have.... I always use "Hello." as the message. It's suppose to compare the message with the sentences... Both lowercased and symbols removed. But it doesn't seem to work just right when coverting the Text file to array.
[Code]....
I am making a form using HTML and java where you enter a number and it uses an equation then spits out another number. My problem is I want to split the number you put into the form and add it up. Example You enter"457829"Press "convert"And the first step I want it to do is"4+5+7+8+2+9=sumA"Then"sumA/8"So far I can only do the sumA/8 if I manually add up the numbers then place the sum in the form, here's the code:
Code:
{
var a = parsefloat(form.NumA.value, 10);
[code]....
I am trying to truncate some text within a 'span' in order to create a 'more/less' button to show/hide the additional. I effectively want to turn this:
[Code]...
I've been using 1.3 which allows me to query non-standard attributes on tag. On an anchor I set a value="" attribute and was able to say (in an onclick binding) $(this).attr('value') to get the value. This no longer works with 1.6. Is there another, better way to do this?
View 5 Replies View RelatedIf the element i'm getting has an attr that contains string like this....
<span names="Joes|Joe's">Joes|Joe's</span>
When we get the contents of attr st, there is an error because of the ' in they're.
I have json object:
var heightwidth = '';
if (isit) {
heightwidth = { width: 184, height: 135 };
[code]....
I have a suggestion based on the assumption, which I think is correct but feel free to prove me wrong, that the .attr() method returns "undefined" in two different cases:1) when the attribute is actually not present in the dom element2) when it is present but it has no value, think for example <input type="text" disabled/> which I not is not standard HTML but I've seen it pretty often...wouldn't it be better to return undefined only in the first case, and return null in the second case? In this way, it'd be clear that the attribute is set but no value is specified.
View 2 Replies View RelatedI'm getting all kinds of errors, no matter where I put the parenthesis: This all works without trying to find the attr. So, I am trying to slide a ul menu that has a parent anchor with an id of "A". $(("#VerColMenu > li > a").attr('id')=='A').find("+ ul").slideToggle("slow");
View 4 Replies View RelatedI have two img tags and a jquery script which changes the value of the src attribute of each one picked from an array of images and alternatively set the display to block and assign a decreasing z-index.
The problem is that when the hidden image pops up, it seems as if, at first, set the css display to block and then change the source of the file as, for a second, it hangs to the previous loaded picture. Well I thought it was easy to manage by setting a delay but instead seems not to do anything. And then with a setTimeout but it doesn't work as expected..
[Code]...
I am trying to get a href attr from variable msg. The problem is that the msg consists of not only <a element but it contains also <p element and because of that attr doesn't give any value.
var msg="<p><a href='/users/'>Username</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
var href=$(msg).attr('href');
how I can get the value of href from the above example?
Not really sure how the best way to start explaining this, but I have a small script set up that activates a second section to an accordion to display information. The idea is that a table cell will be clicked and then the second according will activate displaying information relating to the cell that was clicked in accordion part 1.
I have managed to get it to update coding in the var's by hand, now I want to be able to get certain bits of information from a nested div that is hidden in the table cell (I know, very messy - but it will all be made a little less messy in the future when I have got the process correct).
[Code]...
I've made a script to highlight an element when you rollover on another one.
// Highlight thumbnail on roll over post list item
$("#sidebar-left .left-col2 a").live("hover", function(){
var title2 = $(this).attr("title");
alert("title : " + title2);
[Code]....
My problem is that the script works fine but unfortunatly just for the first li element that I rollover...
How can I make it for each one?
I have a chunk of XML. An example would be:
<Input minOccurs="1" maxOccurs="1">
<ns1:Identifier xmlns:ns1="http://www.opengis.net/ows/1.1">DATASET_URI</ns1:Identifier>
<ns1:Title xmlns:ns1="http://www.opengis.net/ows/1.1">DATASET_URI</ns1:Title>
<LiteralData>
<ns1:DataType xmlns:ns1="http://www.opengis.net/ows/1.1" ns1:reference="xs:anyURI"/>
<ns1:AnyValue xmlns:ns1="http://www.opengis.net/ows/1.1"/>
</LiteralData>
[Code]...
Edit: Changed dataType2 usage in 3rd line to be a regular variable and not a jQuery variable. Also, this seems to not be working in jQuery 1.5.2 either and only for Opera. I had originally thought this was working for 1.5.2 but I just re-tested and it is not. What happens is that dataType2 is undefined after the call to pull the attribute. I've also now tried .attr('[nodeName="ns1:reference"]') as well as using the same with .prop() in jQuery 1.6.1
Here is the code
$(document).ready(function(){
$('img').attr({onclick: "Image_Click(src)"});
$('img').css("cursor", "pointer");
});
[Code].....
This works in Firefox but will not in chrome. In chrome the .css works and changes the cursor to the hand on hover however .attr does not work it doesn't put the onclick attribute on any of the images.
I am trying to set an html attribute after an AJAX call. Works great on the initial tab I can't get it to work on the rest [code]...
View 1 Replies View RelatedI'm trying to "turn" the border for input fields on (or off).In my css I have border-style:none, and I want to turn the border backon if the first input is empty.
$("input[type='text']").each(function() {
$(this).attr("border-style", "inset");
});
[code]....