How to check if an attribute is present in an HTML tag ?
Suppose if i have a label tag for e.g. [url]...
"data-company" is my custom attribute as defined in HTML 5.
So how do I check if the label under consideration has attribute called "data-company" ?
I am new to jquery.I have made a function, that should only work if my attribute style on ul is not 0. However I think I am doing it wrong. I want to check the value of style attribute, not the string.[code]
View 1 Replies View Relatedi have found a possible bug in 1.4 but it's only in Internet Explorer 7 & 8.The following code does not work and completely ruins every peice of jquery on the page (that means everything inside $(document).ready and anyting else...
$("<div/>",{
id: 'tooltip-'+rand,
class: 'dock-tooltip',
[code]....
I cant see any syntax errors - i pulled the example from the 1.4 site. There is no trailing commas in the object notation and i really cant see any reason it would work in firefox and not IEx and more to the point not only not work in IEx but break any other jquery in the entire page....
Is it possible to 'deactivate'/nullify a top-level link in an unordered list if child links exist in that list?
For example, I have the following:
And I want to knock out Link 4 because it has sub-items. Is that possible?
I'm working with a large (and unweildy) ASP.NET application, and there is a lot of jQuery code that uses selectors like this:
[name=_aspnetControl$_withASubControl] And unfortunately, some selectors that also look like this:
[name^=_someAspNetControl$_radioButtonList].
In other words, the effort to remove the $ from the attribute selectors would be monumental. If it is possible to escape the $ symbols, I can do that easily enough, but unfortunately the situation right now means that I can't upgrade to jQuery 1.5.
I'm learning jQuery with XML. I'm familiar with other query languages such as XPath. I'm having a little bit of difficulty wrapping my brain around how jQuery works but I think I can make the leap if I see a solution to a problem I know how to solve with other methods Given the following XML, please share a jQuery solution to finding the value of attribute B in elements named bar where attribute A has the value 30:
[Code]...
Do these functions include the height of an element's horizontal scrollbar (if present)? It doesn't seem to be mentioned in the jQuery documentation.
View 1 Replies View RelatedI have a single javascript file that contains all of my javascript functions. Each of the these functions are particular to different pages on my entire site. How can I create logic that will only allow those functions to work when certain elements or identifiers are present on a page?
View 9 Replies View RelatedI'm working on a webpage which is completely self-sufficient. This means if you copied the source you would be able to load it locally without any glitches from your computer. I want to embed a "Save As" feature into this document using only javascript or jquery. For various reasons I do not have access to a server-side language to perform this action. I've done some research but can't seem to find a definitive way to do this.
My goal:
User clicks "Save As HTML" button which triggers jquery to copy the source of the page and present it to the user as a mypage.html download. My fall back approach will be to open a new tab with just the desired html and instruct the user to manually "File -> Save As". However, this is very undesirable and I would like to find a solution to fulfill the goal above.
I'm trying to create/find a script that will do the following: -load a css file regardless of any conditions. -do not load the css file if a certain text is present in a specified html div tag.
i know this is done with a if/else state like this:
if (condition)
{
code to be executed if condition is true
[Code].....
how to add the condition for the variable text and to specify the css file.
I want the javascript to ignore loading the css if a div tag like this: <div class="menu-opener"><a class="gwt-Anchor" href="javascript:">Text1<img src=..//img.jpg"></a> /div>contains the word Text1, or any other I specify. Else, if any other text inside the div, the css should load normally.
I'm setting up an application that involves blog posts with comments boxes appended to the div that contains the posts. The comments boxes are in iframes and load an html file on the same domain. There are multiple posts/boxes on each page. I need a javascript that will only run the append script when the posts are written and appear on the page. So in non js language, I'm looking for this:
if div id post#5 appears on the page, show the iframe that contains the comments box that goes with post number 5. else don't show it.
our requirement is client wants to know howmany users leaving the main page without entering
data in the application page.at that time we need to show the css popup overlay.in the following scenarios overlay should pop up.1)when user leaves the page.(e.g. type other address in the address bar).bascially user shy away from the browser.2)clicks browser close button.we will show one css popup overlay(not browser popup) and in the back ground main application will be greyed out.this overlay consists of some text fields and some buttons will be there and parallely in the back ground we will execute AJAX call.can we accomplish this requirement??is yes how?will it work in all browsers?my concern is how to prevent the browser from closing when css overlay comes up?
I am creating this small Script to to take a url address from the user and then it present it them as a link.
<HTML><HEAD><TITLE>Page Download</TITLE>
our requirement is client wants to know howmany users leaving the main page without entering data in the application page.at that time we need to show the css popup overlay. in the following scenarios overlay should pop up. 1)when user leaves the page.(e.g. type other address in the address bar).bascially user shy away from the browser. 2)clicks browser close button.
we will show one css popup overlay(not browser popup) and in the back ground main application will be greyed out.this overlay consists of some text fields and some buttons will be there and parallely in the back ground we will execute AJAX call. can we accomplish this requirement??is yes how?will it work in all browsers?my concern is how to prevent the browser from closing when css overlay comes up?
our requirement is client wants to know howmany users leaving the main page without entering data in the application page.at that time we need to show the css popup overlay. in the following scenarios overlay should pop up.
1)when user leaves the page.(e.g. type other address in the address bar).bascially user shy away from the browser.
2)clicks browser close button.
we will show one css popup overlay(not browser popup) and in the back ground main application will be greyed out.this overlay consists of some text fields and some buttons will be there and parallely in the back ground we will execute AJAX call. can we accomplish this requirement??is yes how?will it work in all browsers? how to prevent the browser from closing(e.g.when user chooses browser X button) when css overlay comes up.
I have a frame in which there are 2 IFrames., both being loaded from
the same domain. One IFrame is loaded from http://test1.xyz.com and the
other IFrame is loaded from https://test1.xyz.com/test
I am getting an error while accessing data in the HTTP IFRAME from the
HTTPS IFRAME.
Is it possible at all to access the data in the other IFrame, when the
protocol is different?
I have been studying php for a while now and i know that, i am now starting php oop and that going well but i have never done anything like this. Anway i am creating a booking system which at the end of the process asks who supplied your voucher which they then select a supplier.
The issue i have is my client wants it so if groupon is selected then an input text box should appear so that the user can input a security code from groupon.
So basically it is
<select name="supplier" id="supplier">
<option value="">please select supplier</option>
<option value="Groupon">Groupon</option>
<option value="KGB Deals">KGB Deals</option>
<option value="Other">Other</option>
</select>
So if value="Groupon" then <input type="text" name="security" id="security" /> should appear next to it.
page cant refresh as it will lose its data which would have taken the user about 10 minutes to fill out :(
In my .js file i am having one variable image2.
Here as there is no link specified it will open a blank page. guys can u please tell me how can i write a condition so that if my href is blank then it will not open any page. the click should not work or else it should load the same page.
There is a website based game I would like to build, but I am not sure that the main functionality would be possible to program. I have tried to do as much research as possible. I know that javascript can do drag and drop, but would it be possible for the user to specify which images (out of a catalogue of thousands) they would like to be present on screen/toplay with?
It would need to work like this: The user is presented with a catalgoue of images. They can refine this catalogue according to things like colour, type etc. The user chooses which images they would like to play with by adding them to their personal choices (e.g. with an 'add this item' button). In the next step the user is taken to a page showing all the items added to their personal list, which they can then drag and drop around the screen. The user can then save/share their 'creation'.
I'll trying to tell the difference between the following three cases:
<img alt="text string" />
<img alt="" />
<img />
I can do this in Firefox with the following code, where elem is the
HTMLElement representing each image, but IE doesn't seem to
differentiate between empty string and undefined.
var alt = elem.getAttribute('alt');
alt = (alt) ? alt : ((alt===null) ? 'really_null' : "");
The desired output from running this code on the 3 tags above is:
text string
really_null
It seems like this should be really easy...but I'm having a really
difficult time trying to figure out what's going on...
I am currently trying to use Javascript to dynamically resize a navigation div (that is present on every page) according to the size of the main content div.
I am currently using the following code;
Code:
This works the first time I go to the site and if I refresh a page. However, if I use my on site navigation to switch between pages the div simply uses the height variable defined within my CSS (this needs to be here for users with JS disabled)
Does anybody have any ideas on what the problem might be. It's as if the script is only executed the first time any page on the site is loaded, but then not again.
Here is the HTML: [URL] I'm trying to uncheck the selected radio button, then set the value to 1 (Yes), basically overwriting theinitialvalue to 1. I've looked at prop(), val(), and attr(), and just don't know where to start. Should I select $('#set_q157 input') or$('#set_q157 input:radio'), or each individual radio?
Do I need to each them, and check if its checked, then change its value, or is there a way to select all three inputs as just one radial button? It would also need to work if the input has not yet been checked.
$(document).ready(function() {
The SELECTor shows up in the document but it's not MULTIPLE, no ALT text, no CLICK event handler.
I want a function that when you check on a check box another check box appears.
View 10 Replies View RelatedI have grabbed all the links in an array and tried bubble sorting them alphabetically. The first two things I noticed was the " " which I can eliminate but I use Firebug as my debugger and it reports whitespace as whitespace. I do use a lot of 's in the HTML so it may be these that cause the results to show "undefined". I tried removing "undefined" and got a null instead. I tried removing the null and got undefined.
As I am looking at the ".text" property and Firebug probably shows as whitespace , maybe I should look for and possibly use ".innerHTML" instead. All I need is to remove leading, trailing & multiple spaces.
I'm trying to use cluetip jquery plugin inside a message_container div which will be updated once in a while through ajax. The plugin works just fine in any other div, but it seems that in message_container div the already loaded external javascripts are not present ie the plugin doesn't work. Do you have any ideas what would be a proper solution for this issue?
View 1 Replies View Related