I'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]....
I'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'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?
can i change the html dir attr inside an iframe after its loaded?i tried doing it this way:
Code:
$('#iframeid html').attr('dir','ltr');
but it didnt work...
suppose we have a <a href=www.google.com>google</a> tag in our HTML page.And it is inside a div with class name as chapter. Now i added the script as below,
$(document).ready(
function() {
$(
'div.chapter a').each(function(index) {
[Code].....
I am working on a e-commerce site and I need to hide the checkout link (<a>) if the value of of the element (<td>) holding the amount due ="$0.00".
<tr
>
<td
colspan
[code]....
I'm having some problems understanding the append() function. What I'd like to do is select an element using it's ID and add a row to the table with a HTML form element. The table is dynamically generated using a Django template ( form.as_table() ) so I'm not able to alter the original HTML markup too much.
If I had a table like this...
.change() is only for form elements minus check boxes/radio buttons, etc.Are any of you aware of a script that does this already? Hopefully one that is easy to implement.I just want to monitor things like height, number of inner elements, or any change in the inner HTML.
View 1 Replies View RelatedI'm working on a navigation menu where I want to insert some html after a UL element.
Here's the statement:
selUL.eq(x+1).after('<b>hello</b></div><div class="subMenu">');
I'm trying to insert it after the following <ul> element:
<div class="subMenu">
<ul
[Code]...
It's like it's trying to auto correct me. I need it to print everything exactly as I have it, otherwise my navigation won't divide into separate columns. Anyone have an idea why it's doing this? If I remove the <div> elements and just use the <b> element it works fine.
EDIT: After some more testing, the After method seems to strip out any closing elements not yet opened (</div>) and automatically closes any elements opened but not closed (<div class="subMenu">). Anyone know of a way to stop this from happening?
I'm trying to get an unordered list and its children as an HTML string on a mouseout event, but html()only selects the child elements:var theHtml = $('ul', this).html();I've tried using andSelf(), but that doesn't return the result I want:var theHtml =$('ul',this).and Self(). html();I can't choose $(this).html() as I need only the list.
View 2 Replies View RelatedI am creating a <select> with options, and I want to include such html entities as the Ohm/Omega symbol (Ω)When I say
$select.append($("<option>").text("Ω"));
it leaves that as plain text instead of turing it into the Ohm symbol -- specifically, it turns the & into an &, so that the rest of it doesn't get resolved.
I have a td like this:
[Code]....
Insert a new html element before another?
I am using $().html to manipulate DOM elements, as an example:
jQuery('#basic).html(..some data...);
I then alter the DOM using a div and id as part of the HTML document. For example.
<div id='basic>change this</div>
This is absolutely fine when manipulating simple things (like numbers or text such as the above) - but when I wish to manipulate a specific attribute of an element wrapped within a div
<div id=basic>
<a href="I-want-to-alter-just-this-attribute">Link</a>
</div>
How do I do this?
I can't nest the div within the a element :(
At the moment I am using $().html to insert the entire element and its attribute list, but this is very cumbersome,inelegantand fault prone (and doesn't seem to work well using JSON).
I can't seem to find a method to Modify Attribute !!
I have tag something like
<div class='abc'>
using jquery i want to change the class dynamically.
i saw the jquery reference, it has something hasClass, but i donot see addClass.
I'm trying to create a function which shows a hidden response when a button is clicked on.I also want to add the response to a variable which lists all the users responses.Here is my code now...
$(".yes").click(function () {var feedback = feedback + $(this).html();
$(this).parent().next("p").show("fast"); });
$(".no").click(function () { $(this).parent().next("p").next("p").show("fast"); });
$("#email").click(function () { alert(feedback) });
The bolded line is the part which isn't working.
I currently have the following code: But when i press the select (dropdown menu) de inputfield description gets focused too.
$('html:not(select)').click(function(){
$('input[name=description]').focus();
});
This also didn't work:
$('html').not('select').click(function(){
$('input[name=description]').focus();
});
How do I get back the DOM element as HTML source using jQuery? The html() method only returns the innerHTML and it does not include the UIelement itself. But I am more interested in converting the UI element
View 7 Replies View Relatedhow to set the 'type' of an html form element using jquery? is there something like?
$("element").type("password");
This is probably more of an HTML question than anything else, so my apologies if it's out of place.I'm using a series of spans within a div to act as filters (selectors) to hide/show various divs. When the user clicks on the text within the span, the span toggles a "selected" class, and also triggers a function to hide the associated divs. My problem is that occasionally the area around the text (the entire span, it would seem) gets "selected" when clicked on and turns blue, obscuring the text. Here are two screenshots, one showing the word "lambs" correctly, the other showing the same word with the unwanted blue background. Question: is there any way to make this not happen? Should I be using different elements as the selectors?
View 3 Replies View RelatedI have a html page that contains a number of <H2> tags. I need to find this specific <H2> tag:
<h2>Submit Your Survey</h2>
...and then replace the text 'Submit Your Survey' with something else (such as 'Click the button below').How could I do this?
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 want to understand the callback syntax and pass the id of the html element as any parameter here is my requirement
In my callback, I am passing the load(url..) I want the URL to be dynamic, based on the URL = BaseURL #callingID , where #callingID is the ID of the calling HTML element.
This way I have to write just one callback function and can reuse this to load multiple sections based on where it is coming from.
$('#callback').bind('pageAnimationEnd', function(e, info){
if (!$(this).data('loaded')) { // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down)
[Code]....
I have an piece of html in a jquery object. When I say $(this).html I get:
<span class="value">4</span><span class="type">teaspoons</span>butter
I want to get only the piece of text from this html segment that is not in the spans. in this example, it is butter.
How do I get that?
I'm developing an image slider. I'd like to be able to trigger functions when the mouse leaves an area, sort of like
$('#someDiv').mouseout or $('#someDiv').mouseleave
except instead of passing the div to the function I have a dimension I'd like to pass to it.
I have box like so[code]...
I have calculated the dimensions from the left of the box to 25% of the width of the box to the right (or 100px from the left of the box) and also calculated the height of the box and top offset. I want to be able to say if the mouse leaves those dimensions, run a function.
Can I pass the dimensions and use mouseout or mouseleave? is this possible without using an HTML element?