I am using jQuery. I'd like to get the path of the current URL and assign it to a variable.
Example URL:
http://localhost/menuname.de?foo=bar&number=0"
If you pop open this page with your javascript console, you'll notice a bunch of JS errors. I don't get these errors in my local environment and it seems like it is happening because $ is not defined. I have tried to mimic my local environment exactly on staging by using the same environment.rb file and removing all JS caching but it is making no difference. Can anyone tell why jQuery is crapping out? It might be something really stupid, but I need a second pair of eyes.
Any recommendations?
I have used Jquery already but I would like to really delve into it and find out how I can use it with asp.net, specifically instead of updatepanel and ajax toolkit.
I use asp.net forms.
Dear expert,
I have facing a problem to select span tag using jquery. Please give a solution.
code:
<ul>
<li>
<a href="#Document1">Document 1
<span id="tab_close> x </span>
</a>
</li>
</ul>
I have a requirement to place text between brackets using jQuery; the content will be updated once an action occurs e.g. search.
The structure is: -
Placeholder Text Placeholder Text Placeholder Text ()
I'm looking for a way to grab the custom attributes of a element with jquery.
<span id='element' data-type='foo' data-sort='bar'></span>
I'm looking to get: `["data-type", "data-sort"]` as an array.
Anyone know how to do this?
Thanks.
Hi guys,
I'm building a dummy widget for a iGoogle/Netvibes like portal. This is a "Google Maps" widget, as it only renders a map centered on a specific location.
The widget looks good in all browsers but IE8, in which the height I specify to the <div> that contains the map is not taken into account.
Here's the interesting part of the code:
<body onload="initialize()" >
<div id="map_canvas" style="height:400px; width: 100%;"></div>
</body>
I have no control on the portal, so the only thing I can modify is the widget itself. I also tried to set the height for the <body>, but same thing.
Any idea on why it's not working in IE?
Thanks!
hi,
I am creating a line in canvas tag using jquery drawing library. After the line drawn the
<div id="cool"><canvas id="canid"></canvas></div>
Then on click the below code executed.
$('#canid').remove();
What happens in IE after removing, dom with canvas end tag and also line is not removed.
Please help me out!.
I have a input that the user types a search parameter into, at the moment i have it on keyup to do a POST ajax request to a PHP script that returns search results. however its firing off 50 billion (not literally) post requests in about 10 seconds (as the user types) which slows the whole experience down. Can i use jQuery to detect a "wordup" rather than "keyup" by detecting the use of the space bar?
Does this make sense?
Hi there,
I'm looking for a jQuery plugin which does scrolling the element (div) when I hover the arrow, it should look like this: http://img42.imageshack.us/img42/5716/scrollp.jpg and scroll automatically the content inside to the left/right only when user hovers arrows.
Is there anything like this?
Thanks a lot, Jakub
Using the jQuery below to toggle the hiding and showing of divs of text: how would I add some sort of indicator - like an up and down arrow as a graphic - to the titles when the divs are either open and closed? What's the best way to do that? Two images? A CSS sprite? And most importantly: how would that be integrated into the JS?
I've looked at other jQuery that assigns a random number to each div and then determines which are open and which are closed and toggles one of two images. But I'm using php in a WordPress loop to show a posts, and that gives problems with incrementing in the loop, so there must be an easier way that doesn't require changes in the name of the title div. Thanks....
This JS fires the showing and hiding. Each div can be expanded and collapsed independently.
$(document).ready(function() {
$('div.demo-show:eq(0)> div').hide();
$('div.demo-show:eq(0)> h3').click(function() {
$(this).next().slideToggle('fast');
});
});
This is the HTML it works with:
<div class="collapser">
<p class="title">Header-1 </p>
<div class="contents">Lorem ipsum</div>
<p class="title">Header-2</p>
<div class="contents">Lorem ipsum </div>
<p class="title">Header-3</p>
<div class="contents">Lorem ipsum</div>
</div>
The CSS is arbitrary:
.collapser {
margin: 0;
padding: 0;
width: 500px;
}
.title {
margin: 1px;
color: #fff;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color:#c30;
}
.contents {
padding: 5px 10px;
background-color:#fafafa;
}
I have blocks of content that are toggled on/off via jQuery and I want to have the most recent one clicked to shuffle to the top of the content area.
There are 4 that can be enabled and if you do it in a random order, or even intended order, it is hard to tell which one you just opened if it's not in the view window.
Here is the page for reference http://jonrcoulter.com/
I know that to filter an element with an atttribute called attrName which has value attrValue I do:
filter("[attrName='attrValue']")
but looking at the docs http://api.jquery.com/category/selectors/ I can't see an option to select all elements s.t. attrNameattrValue
Will this work
filter("[attrName>'attrValue']")
Why this delay of Jquery animation does not work as it should be?
$(" .inner").stop().delay(1000).animate({height:'142px'},{queue:false, duration:600});
Is there any other way to delay this animation?
When I used datepicker with trigger icon so that users could choose date from clicking this icon or type directly in textbox (txtDate), I also used jquery validation to require textbox must be not empty.
But when a user submit the form with empty textbox (txtDate.Text=""), the error message of validation push trigger icon to the right. Could you tell me the solution? Thank you very much!
i am trying to conver this (http://www.thecodemine.org/) jquery wizard into asp.net and after i create a .aspx page and copy and paste the code from .html and it does not work.... i am not sure how can i make it working.
any suggustions or feedback appreicate.
thanks.
I want to be able to get information about the selected item in the ordered list whose ID is #selectable. The below code returns the ID #selectable, I'm looking for the id of the item I just selected.
$('#selectable').selectable({
selected: function (event, ui) {
alert($(this).attr('id').toString());
}
});
Any ideas?
I am a jQuery noobie, and have been trying to add a script to change the id of a div onClick.
Here is a jsfiddle example.
$(function accept() {
$("div:scrollwrap").attr('scrollwrap','highlight');
});?
Thanks :)
Respected Members of This Site,
Good Morning to all.
Sir i need to display records Using JQuery Functionality. Records should be Scroll smothly from right to left?
I am using this technique to place default input in the text fields as a hint to users.
http://www.dailycoding.com/Posts/default_text_fields_using_simple_jquery_trick.aspx
I would like to also validate the fields using jquery validate.
How can i get the validater to ignore the default input?
I'm using jQuery to load the images before displaying them. The problem is that I don't know how many images are going to be loaded. The page loads the image paths from a XML file. I'm using this:
$.ajax({
url: 'images/BYLINE/1.png',
dataType: "image/png",
success: function(data) {
alert('psil');
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus);
}
});
Say I have a web component that uses jQuery and I want to distribute it as a packaged component.
I need a way to ensure that the jQuery library is available on or after the page loads, but I also want to check that the containing html page, or another unknown component that may reference jQuery hasn't already added the library to the page.
At the moment the best example I've seen is this
http://www.squidoo.com/load-jQuery-dynamically
It would need a little tweaking, but I was wondering if there were any other best practices.
I've a table that contains 3 columns. I need to bind an event that fires off whenever one of those columns is clicked using jQuery.
However, I need to know the index of the column clicked.
i.e: First column (index 0), Second column (index 1), Third column (index 2), and so on...
How can I do that?
I have a jquery code, but I'm a little bit confused on how can I put a css on this:
$(document).ready(function () {
$('span.account-menu').click(function () {
$('ul.menu').slideToggle('medium');
});
});
I wanted to add this css in the click function.
border: 1px solid #999999;
background-color: #333333;
How can I do that?
Is there a way for a jQuery function to "skip" an li? Such as Having 3 list items, you click on the 1st one, it calls a next() function, and skips the 2nd li and goes to the 3rd.
Current code is here:
$('ul.gallery li').click(function() {
$(window).scrollTo($(this).next('li'), 800, {easing:'easeOutCirc', axis:'x', offset:-50 } );
});
I want it to skip the immediate li and go to the one after that.