JQuery :: Getting Child Attribute - Images With URL / Descriptions
Jun 6, 2011
With this code:
<div id="main"><div id="slideshow" class="pics">
<a href="/page2.asp""><img src="/img01.jpg" alt="Text 1" /></a>
<a href="/page3.asp"><img src="/img02.jpg" alt="Text 2" /></a>
</div><p id="pcaption"></p></div>
I'm trying this to no avail (using the Cycle plugin, the source html DOES have the includes for jQuery and cycle external files):
$(function() {
$('#slideshow').cycle({
fx:'fade',
fit: 1,
pause: 1,
timeout: 1000,
height: 360,
width: 550,
random: 1,
after: function() {
$('#pcaption').html(["this.children"][0].attributes[0].childNodes[0].data);
}});});
The problem line is:
$('#pcaption').html(["this.children"][0].attributes[0].childNodes[0].data);
What I am trying is to get the text from the alt attribute to change the <P> after the image.
I've tried:
$('#pcaption').html(this.alt);
$('#pcaption').html(this.children.alt);
And I still can't get the alt text from the image tag. I want to have images with an URL, but I need them to have descriptions (that's why the ALT in each image).
View 2 Replies
ADVERTISEMENT
Apr 5, 2011
I'm having an issue with adding hyperlinks on images. Please see example below. Without hyperlink on images. [URL]. With hyperlink on images. [URL]. Why the descriptions under the images have disappeared with the hyperlinks on the images?
View 2 Replies
View Related
Jul 14, 2009
I have 2 lists on a page and I have a link set up to remove an li item from the one list. I need to check to see if there is a copy of that item in the other list based off an attribute in my li item called qid. How would I look for a child list item based off this custom
attribute? Assuming I have html like the following and I want to get the one where qid=14.
<ul id="ul1">
<li qid="12" id="ul1_1">adfaf</li>
<li qid="13" id="ul1_2">adfaf</li>
<li qid="14" id="ul1_3">adfaf</li>
</ul>
View 2 Replies
View Related
Aug 3, 2010
How can I get the href attribute in a variable?
View 1 Replies
View Related
Mar 25, 2011
I have a Div control d1and in this div I have furter div and span control.I want to get a list of all element in an array.
<div id="d1">
<div>
<div id="h1">
<div id="h2">
[Code].....
View 2 Replies
View Related
Mar 5, 2011
I just want to echo the .length value of all images that has an 'alt' attribute.
$(document).ready(function(){
$('img[alt]').text("Found " + $("img[alt]").length + " img alt attribute.");
});
Is my codes above correct? I tried it, and I did not saw any output.
View 1 Replies
View Related
Jul 27, 2005
I have noticed that when you set the src attribute of an img via script,
(instead of hard-coding in the img tag), although it caches the images,
if you leave the site and return, the browser has to re-cache the images.
Is that just the way it is, or is there a way to not lose the cache?
View 2 Replies
View Related
Jun 19, 2009
i know that the background attribut on table is not official but you can still use it and it will load an image as a background but i have an already coded site wich uses this background tag and a preload image js function wont work correctly, is there an solution to this?, right now i only see changing the code of the page(it's a damn nasty table based code)
View 1 Replies
View Related
Apr 18, 2009
In the doucmentation I'm reading that images in the same gallery need to have the same rel attribute value. But when I do that only the loading animated gif will show on top of the overlay. If I take out the rel then each image will display in a single thickbox. How can I get a gallery of images to display in the thickbox?
View 13 Replies
View Related
Jul 14, 2010
I am working on a form inside my administration console to upload images with PHP. In my form I have the following:
[Code]...
The onchange submits the form to a seperate PHP file (sent in the action of the form) dedicated to handling the uploading of the images, while the submit button(not shown in code) will submit the rest of the form through ajax. In order to use 1 file field, Ive read that to get an ajax looking effect I need to use an iframe, so I added the IFrame into the HTML and got the effect working right (without actually uploading the files.)
Now I want to limit the ammount of images to 8. Which is where the hidden field came in. So i've got to figure out a way to count the successful uploads, or add them as we go. At which time that number turns to 8, the script will disable the file field from anymore uploads. Problem is I have no clue where I need to go within my php file to make this happen. Here is my php file with javascript added in:
Code:
<?php
// lets go ahead and get this image uploaded
?>
<script language="JavaScript" type="text/javascript">
var parDoc = window.parent.document;
var upldcnt = parDoc.getElementByID('upload_cnt').value;
[Code]....
View 1 Replies
View Related
Feb 9, 2011
<div class="userbox posts" id="pst146996">
<div class="imgholder">
<img alt="Chris Hardin" src="http://codebix.com/bp/1633.png">
<div style="margin-left: 20px;" class="commentbox">
[code]....
i want already select .postlike in $(this) now i want to select the tagh1 who is in .commentboxelements.i want to change the h1's inside text 1 to 2 so i write the code
$(this).closest('.posts').children('.commentboxelements center h1').html('1');
i try this but it's not worked anyway how i can do this.
View 1 Replies
View Related
Jan 5, 2012
so i wrote this slider with some help from an admin, everything works as I would like it to but I'm trying to make it a plugin so i need to tighten up a certain part of the code:
(function( $ ){
$.fn.jmSlider = function() {
// get total width of all li elements in the slider
var wrapWidth = 0;
[code]....
what i would like to do is instead of using "li:first" and "li:last", i would like to use first-child and last-child so the element doesn't need to be a li, in can be anything that is the direct child of the parent container.
View 2 Replies
View Related
Jan 20, 2010
i 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....
View 5 Replies
View Related
Mar 4, 2011
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.
View 2 Replies
View Related
Sep 1, 2010
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]...
View 1 Replies
View Related
Nov 24, 2011
I have a difficult work around Jquery. I want to remove all li items from the ul except first li and last three li how to remove the li elements from these list.
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
[Code].....
View 1 Replies
View Related
Oct 28, 2010
I have created parent child checkboxes. When one child is selected, then parent of that child, other child of same name and parent of that same name's child will be selected... Now I want if I unchecked any child, then only same name of child and parents should be unchecked or if I unchecked Parent Child, then same name of parent and child will be unchecked.
[Code]...
View 1 Replies
View Related
Apr 24, 2007
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...
View 4 Replies
View Related
Apr 13, 2011
$(document).ready(function() {
The SELECTor shows up in the document but it's not MULTIPLE, no ALT text, no CLICK event handler.
View 3 Replies
View Related
Jul 23, 2005
I have a parent window that pushes a new window object onto an Array
with the following code :
OpenChild()
{
//totalNumWindowsCreated is global
totalNumWindowsCreated = totalNumWindowsCreated + 1;
childWnds.push(window.open(link, "child" +
totalNumWindowsCreated,"dependent"));
..
..
..
}
This pops up a new window with every call. In the child window I call
a parent function onbeforeunload, appClose() :
function appClose(){
if (window.opener && !window.opener.closed){
window.opener.CloseChild(getQueryString("application"));
}}
This is in my frameset tag of the child code :
<frameset ... onbeforeUnload='appClose()'>
The window.opener.CloseChild() function is called perfectly when I have
one child window open, but as soon as I create another child window
both of the open child windows don't ever call it. They do both go
into the onbeforeunload appClose() function, but do not call the
window.opener.CloseChild() function inside of this routine.
Anyone have any ideas why when I have two child windows open I can't
access the window.opener functions?
I have tried taking each new window out of the array and used the
following code in CloseChild() :
CloseChild()
{
//win and totalNumWindowsCreated are both global
totalNumWindowsCreated = totalNumWindowsCreated + 1;
var win = window.open(link, "child" +
totalNumWindowsCreated,"dependent");
..
..
..
}
View 1 Replies
View Related
Jul 6, 2010
I have to do a slideshow with images of different widths... am using cycle plugin, which I like very much... I have a little test slideshow here, http:[url]....it's not centering imgs in containing div (I made div width of widest image.. this will work for my situation, in which imgs will be hard-coded..)if you inspect img element in firebug (#slideshow img), it shows that the plugin adds a style of position: absolute; top: 0px; left: 0px .to the img; why does the plugin do this.. how can I center the images in containing div...
View 1 Replies
View Related
Dec 10, 2010
Iīve just launch my website-portfolio, well itīs not yet the final version but it is almost and despite I am satisfied with the final result Iīve detected a really strange bug that only happens sometimes. The thing is when the first introduction Slide appears (the one with the hand-made drawings), sometimes the images shrink from the normal size to small tiny images. This doesnīt happen always and if you refresh the page it disappears.
Follow the link to the page were the bug happens - [url]. I'm using jquery cycle plugin, check it out.
View 1 Replies
View Related
Mar 9, 2010
I prefer jQuery over flash and not sure how to tackle this, so please advise as best you can. Trying to create a site that allows for images to go full browser and then have the ability to have the other images slide in based on a click.
I also want to float a menu that will allow it to pull in other media (video, that would slide in the same way). The best example I can share is this: http://j.mp/5U79i1 What he is using is flash based (slideshowpro director and slideshow pro for flash). Not interested in flash for this personal project.
View 2 Replies
View Related
Oct 11, 2011
I have a table grid of images, i need all the images except the one hovered to fade out to 0
I tried throwing around .filter but no luck
Images are written as <img class='tile' id='${row['_id']}' src='$rsrc/food pictures/${row['_filename']}_in.png'>
View 3 Replies
View Related
May 2, 2010
Lets say I had a wrapped set of <p> elements. I understand how slice could return more than one element, but what is the difference between nth-child() and eq()?
$('p:nth-child(3)').css("font-style","italic");
$("p:eq(2)").css("font-style","italic");
$("p").slice(2,3).css("font-style","italic");
View 7 Replies
View Related
Oct 15, 2011
I am trying to update a progress percentage using jquery in my event handler. The first line works fine. The second line should be the jquery equivilent, but does not work.
event.target.icon.firstChild.textContent = progressPercent
$('event.target.icon').eq(0).text(progressPercent)
View 2 Replies
View Related