I am trying to assign a click event handler to any of the <a> elements in the code below:
<div data-role="content" id="picSpace" class="ui-content" role="main">
<div class="ui-grid-b" id="gamePics">
<div class="ui-block-a">
[code]....
I want to get all the links
like
Code HTML4Strict:
<a href="http://www.youtube.com/watch?v=osHT73lWMD0">www.youtube.com/watch</a>
I tried this
Code JavaScript:
$('a[href^=http://www.youtube.com/watch]')
I am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
Here is the script I have, and the button code.
My menu navigation(Home, Hosting Solution, etc..)
1. The submenu links need to be centered in the middle of the div instead of aligned to the left.
2. Can the submenu links have a rounded box appear under them, instead of being underlined links. Like these at the top: [url]
3: The top tab needs to stay gray/active/on when the mouse is moved down to the submenu or when it is the active button.
Here is the link of the site [url]
I'm using jquery/ajax to create some links with window.open method. Here's the relevant code:
$("#content").empty();
$.ajax({
type: "GET",[code]..........
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.
I have an image wrapped inside a link tag.<a href="somepage.html"><img id="content" src="img/some.gif" /></a>
I want this .click target to be the link: $('a').click(function(e){
Instead, the target returned is the image [HTMLImageElement].
I have tried using closest()and currentTarget:
But they all still return the image, not the link.
How can i select immediate children of an element only. Like i have
<div class="widget">
<ul>
<li><a href="google.com">Google</a>
[code]....
Writing a sortable list function. My <li> elements contain several items (headings, paragraphs etc) and I want to add a class to the headings when they've been sorted. I have this code in my sortable init:
receive: function(event, ui) {
$(ui.item).addClass('editable');
},
This adds class="editable" to my newly-sorted <li> element - cool. What I want, though, is to add this class to the <h3> within my <li>. I tried:
receive: function(event, ui) {
$(ui.item + ' h3').addClass('editable');
},
but this just gave a syntax error.
I found that certain selectors work in all browsers except IE 8 and they need to modified. This selector pattern seem to work well in all browsers, including IE 8: jQuery("input[class='class_name'][type='text']") But this identical selector works in Firefox, Safari but not in IE 8: jQuery("input.class_name:text") In IE 8 it returns a "property not found" javascript runtime error. I don't know whether that the actual issue or if it is a side effect of some memory leak.
View 1 Replies View RelatedI'm trying to test if certain radio buttons are selected, but the name varies. My boss is considering changing the names to further isolate them breaking the script as it works now. I'm trying to figure out how to test the new case just like it works now. Here's a link to my pastebin
View 6 Replies View RelatedCan I do this:
function showDiv(curEl){
hideDiv();
$(curEl).css("visibility","visible");
}
While trying to get a selector to work with ids that include square brackets, I searched the forum and found that I needed to escape the brackets with '\'. However, while this works with my fiddle: can't get the exact same selector to work within my page in either FF or Safari. I've triple-checked the id and it is correct; I know that jQuery is working on the page because changing the selector to$('.nameinput') gives the expected results. can't change the id because I'm working within an existing application; I know I could add a class to the input and use that as the selector instead. I'd prefer not to and would just like to figure out why this isn't working.
View 1 Replies View RelatedI have a page that has several embedded usercontrols with a popup reorderlist. Like
[Code]...
isthis the correct approach and if so what should the 'fld1' line look like to pull this data.
Is there a way to combine selectors with && condition. eg: $('.classname div[att=value]') Requirement is to select all div elements with class 'classname' and (&&)an attribute 'att' whose value is 'value'
View 2 Replies View RelatedWhat I'm trying to do is quite simple but as a beginner I'm getting incredibly frustrated with it. Here's my first attempt. I plan to do something a bit more fancy with the images, but I could see straight away that this wasn't the solution. Mouseover was changing the image before it had faded out and looked horrible. So, I thought I might put all the images in the same place and hide them, making them visible and bringing them to the front on mouseover of the corresponding hotspot.
[Code]...
I have the impression $('h1:after') e.g. doesn't work. How to manipulate these pseudo selectors with jQuery?
View 1 Replies View RelatedMy button when click call cal function, inside cal function I need to find parent so I can access other element, but I donot know how to pass parameter to Selectors/has(for some reason $("div :button").each(function()... no work here)
Code as below:
function cal(event) {
if (!event) event = window.event;
[code]....
I'm trying to do is simple "select all" checkbox script. The problem is, no matter what I seem to do, only first element is matched. $("input:checkbox").attr("checked", true); checks the first box only. Same with: $("input:checkbox").each(... I even tried copying this script directly from the jQuery documentation page: $("div").css("border","9px solid red"); It applies a red border to the first div on my page.. the example in the documentation applies it to all divs.
View 5 Replies View RelatedOk, this seems easy, but I am struggling. I have this...
$("a[href$='mp4']").click(function () {
But I want it to work for mp4 or mov or more. Something like...
$("a[href$='mp4'||href$='mov']").click(function () { <-- which doesn't work apparently
im currently creating a dropdown menu with an animation to it, my current jquery script is as follows
$(document).ready(function () {
$("ul.menu_body li:even").addClass("alt");
$('ul.menu_body, img.menu_head').hover(function () {
[code]....
Multiple selectors not working
View 8 Replies View Relatedi've been trying to figure the best method to achieve obtaining siblings between specific selectors. Let me be concrete with an example:
...
<tr class="rowTypeA">
...
[code]....
I am working on a customised scoresheet for a Bible Quiz group. Basically, I want to click on a box and have a box come up with options for correct and incorrect. I just want it to affect the score for that one box. However, if you click another box, it changes all of the boxes.[URL]..Click the 10, 20, or 30 in the top left corner. It should update the points under the 4. Click on any of the boxes assigned to a person on the grey line. A box should come up with a Cor (Correct) or Incor link. Click on either option. Then click on another grey box and do the same thing. I don't want all of the points to change when one person's score changes. Does that make sense?
[Code]...
I have an html file that looks like the following.
<div id="outline-container-1_1" class="outline-3">
<h3 id="sec-1_1"><span class="section-number-3">1.1</span> Counting </h3>
<div class="outline-text-3" id="text-1_1">
[Code]...
Is it common to use CSS selectors that are not defined in a stylesheet (or anywhere else) to identify HTML elements? When using jQuery in ASP.Net with controls that implement INamingContainer, all it's children's ID's are automatically generated based on the id of the child control and the id of the container control (such as the Panel control) so we couldn't simply use $("#myChildControl") for a child control with the id of 'myChildControl'. The resulting client id would be something like 'mypanel_mychildcontrol' and for autogenerated controls within grids/tables, the id's get even more complicated and should be 'guessed'. So, how does/would people identify these types of controls when there are no preset CSS selector's for them?
On the server side, we can use the ClientID to get the generated ID, but for some things, I just want to do this totally on the client side without messing with code-behind.
I have a web site which creates printed output which will be printed out on A4 with a standard template that I use. Fortunately each output will (should?) fit on one page so I don't need to worry about the content munging the template. Now so far the approach I have used is to spin through a loop writing the content into a new div which is shown as a preview and which I then print. So far so good.
Now I want to generalise the templates so I can change them more easily. So instead of $('#printableblock').html(somefunction());I want to load a template from a file. That file would look something like;
<div class="A4">
<div id="header" class="header">
<div id="headleft" class="headleft">Address data</div>
<div id="headmiddle" class="headmiddle"><img src="headimage.jpg"
[Code].....