getting next thumbnail
<ul> <li><a href="dog.jpg"><img src="dog_t.jpg" alt="dog" /></a></li> <li><a href="cat.jpg"><img src="cat_t.jpg" alt="cat" /></a></li> <li><a href="pig.jpg"><img src="pig_t.jpg" alt="pig" /></a></li> <li><a href="cow.jpg"><img src="cow_t.jpg" alt="cow" /></a></li> </ul>My jQuery is set up so that when I click on a thumbnail, a div opens up with the bigger image. I also want the thumbnail of the next image to appear in the same div. So if I click the cat, I want to see the large cat and the pig thumb.
.load() or .get not works in internet explorer 8
I'm developing a listing of workers, where the user can by department select through of tag select (html). But, my jQuery function not works in IE 8. function popularFuncDeptos(){ var sigla = $("#sel_depto").val(); if(sigla != "all"){ $("#listas").load('/ReconhecimentoNew/funcionario/depto/' +sigla+ ' #list_depto', function(){ $("#list_all").hide(); $("#list_depto").show(); }); } else {
Little bit of help with loops
Hey folks, was hoping someone could give me little hand with a loop function, I can't seem to get it right. I'm trying to do the following and I was wondering how it's done.Do I need to use the .each() function?: for(i=0; i<=10;i++) { $(document).ready(function(){ $(#myform").validate({ rules: { "field"+i: { required: true } //important bit } }); }); } How would I go about doing this in jQuery?
Thumbnails Out of Order on Reload of Page
Hi - I managed to integrate a gallery into my site using code provided here: Fresh Sliding Thumbnails Gallery with JQuery and PHP However, I noticed that even with their demo site (here), the thumbnails sometime come in out of order on the page when you hit the reload page button on the browser repeatedly. Based on what I read, the gallery relies on thumbs.php to create a JSON string with all the elements for the thumbnails. In the JavaScript (jquery.gallery.js), a buildThumbs() function gets the
On mousedown disable timer, Possible?
Hi i have a timer which is set to execute a function every 3 seconds, id like to know if it's possible to diable the timer function every time the mousBtn is held (mousedown), and on mouseup enable the timer again, and how can i do this? var timerFunc = setInterval( loadPos, 3000 ); /C
using the child selector, with class as a variable
What is the syntax for accessing the children of a class, where the class is a variable? The html structure is multiple divs like this: <div class="class1 class2 class3"> <p class="x"> lorem</p> <p class="y"> ipsum</p> <p class="z"> yadda</p> </div> The function does two color changes before going to 'display:none', function exIt(cl) { $(cl + ' > p').animate({color:"#ddd"}, 600, function() { $(cl + ' > p').delay(800).animate({color:"#333"}, 1600, function() { $(cl + ' > p').delay(800).hide();
Open Dialog - with current page
Hi there, my question if it´s posibly to dynamical open (without hardcode URL) the same page (current page) in a dialog? I need to have a link on every every page in a site (the link lives into a template) and I need to open this page again in a dialog box with the same content. Anyone know the trick?
a stange result after using getJson of Jquery
I found a stange result after using getJson of Jquery, pls see code as below: function checkCode(o) { var randomcode = ""; $.getJSON( "/Handler/GetCodeHandler.ashx", function (json) { $.each(json, function (i) { randomcode = json[i].code; }) }); //after getting the code through getJson, the result of below line is always true even if the two values are same... but if we add alert() before it, then it can work well, I am waitting for help:)
Updating MySQL table with a link click
I have a link that when I press it I want it to update a column in the MySQL table based on the ID of the "post". I don't want the URL to change and it needs to refresh back to the normal page. -S2
Display Either PDF or Image Problem Using Jquery.Media Plugin
I have a page that displays either a PDF or an Image based on what the user has uploaded. I use the following code to initialize the media: $(objMedia).media({width:900, height:500}); This works just fine when displaying a PDF but when it displays an image (jpg) it squashes the image down to fit the specified height. I tried to set the height to 0 and it works fine for displaying images but when it displays a PDF the document does not show up at all. Any insight would be greatly appreciated!
JQuery .html()
Hello All, I'm trying to highlight the pattern matched string in the text withing the pre tag. e.g. <div><pre> This is test html </pre></div> . The data within the pre tag is around 400KB. Also before highlighting I'm running the google prettify code as per my necessity. I'm using the code like following: highLtText = '[a-z]+' // any regular expression given by user in the input TextBox regEx = new RegExp('(' + highLtText + ')', "ig"); var preTextStr = $('pre').html(); changeTxt = preTextStr.replace(regEx,
'jQuery( html, [ ownerDocument ] ).find( selector )' always return [], why?
Hi, find method always return [], when calling with jQuery Object created by 'jQuery( html, [ ownerDocument ] )'. Is there any know bug? Here's the screenshot tested in jQuery 1.5.2 w/ Chrome 10 JS console.
.load problems in IE
Im trying to make a portfolio and on my index page I have a bunch of divs containing thumbnails. When you click on the div it changes its class from .thumb to .large and it replaces its content with a div from a separate html file with "large" in the name. This works in firefox, chrome, safari, and IE9 but not in any of the earlier versions of IE. Can anyone tell me why or please offer suggestions for me to try? I'm not a very good coder, so any help would be greatly appreciated. function divClicked(divId,
Please help with Jquery that controls RSS feeds.
I am using this plugin http://www.malsup.com/jquery/gfeed/ to display tabbed feeds. I am running into some issues with character count display limits and image display. I would like to display more text of the feed and show images if the feed has images in it. Would anybody have some advice? Thank you in advance. JP
jQuery UI Drag X,Y,Z coordinate on different browser or screen dimensions
Hello, Just wondering how to fix the problem of screen resolution changing or different browsers: I use jQuery UI Draggable window (and I store the X,Y,Z coordinates in the database) on one of the pages. However, when I try visiting the page on a different screen resolution, or sometimes a different browser, I find the box's position incorrect. Any thoughts on how this would best fixed the best? Thanks!
Getting Lightbox to work with the Fitted script
Hello everybody! Ok, so I'm more of a designer/marketing person with excellent skills in HTML/CSS, but anything more complicated than that (jquery, php, ruby, etc)...I can't write for nothing (been trying to learn it for 7 years...no luck). So anyway, I'm trying to get this lightbox to work on this portfolio site: http://whochrisporter.com/clients/HHM/ I usually get lightboxes working, but when its coupled with another script, I always get stuck. I'm using the Fitted jQuery script to make the whole
Change text from a span, if a div is visible and change it back if the div gets hidden (.text() and .slideToggle)
Hi, I have a span. If the span gets clicked, a text toggles. If the span gets clicked again, the text disappears. I want to change the text of the span, each time it is clicked. An Example: the span says: Show text - when I click it, the text appears, now the span shall "say" hide text. this is my actual code: jQuery(document).ready(function($) { $('.single_content').hide(); $('.css_hide').show(); $('.show_content').click(function(){ var $this = $(this); var $single_content
$(document).ready(); not working in Safari, Chrome, and Opera
I have the following code below working only in Firefox. $(document).ready(function() { alert("here"); });Is there any know bug. I am using version 1.5.2
Overriding Remote Validation
Hi, I have a scenario where I have an input form that is expecting numeric values. I am using remote validation to check that the value you entered is within a specific range (there is a reason I am not using the range validation). The remote script responds with true/false depending on whether the value is acceptable. If the value is not acceptable, then it displays the error message in the errorContainer as normal, however, I would like the user to be able to somehow bypass this validation if
app closes
Hello I've made an app with phonegap which opens a webpage. I make a php page with jquery mobile and upload it to the address which I have written in phonegap. When open my app on the phone sees it fine, but when I want to write something in a form field shut it down. Someone who knows what I'm doing wrong? regards Michael
Why doesn't post return data?
$('#dataForm').submit(function() { var formData = $(this).serialize(); $.post('inc/insert.php', formData, function(data) { if(data == 1){ alert(data); } }, 'html'); });I think I have gone off my rocker this morning. I am coding a simple form post and the post works fine. The PHP echoes a 1 on success. I am doing (a post) this in another form (using blur instead of submit) and it works flawlessly. In Firebug there are no response headers
Problems with CDATA
Hi everyone, I Have. var xml = "<data><![CDATA[Text]]></data>"; try 1. alert($(xml).text()). Result - empty. try 1. alert($(xml).html()). Result - <data><!--<![CDATA[Text]]>--></data> How to get the text?
Need a co-developer on a portion of my cookies plugin
Hello all, I wrote a javascript cookies library back in Nov of 2005 and released it as open source. I've maintained it over the years and added jQuery bindings to it a couple of years ago. While the cookie support works perfectly without jQuery, the bindings let you connect HTML elements to cookies and vice/versa. For example, a form input's value can be stored to cookie by `$( 'input#someInput' ).cookify();` or the input can be filled from cookie by `$( 'input#someInput' ).cookieFill();` This all
name="foo" format not working?
Hi, I'm trying to get a jQuery WYSIWYG editor working in a pre-built perl script. I can't find where the text-area code is built, but I've found the name of the field I want to edit (and the place where the common header stuff is printed). Here is what I have: <link rel="stylesheet" type="text/css" href="/cleditor/jquery.cleditor.css" /> <script type="text/javascript" src="/jquery.1.4.4.js"></script> <script type="text/javascript" src="/cleditor/jquery.cleditor.min.js"></script> <script
upgrading existing jquery
hoping someone will just know this, rather than having to adopt a suck it and see approach... I am doing some development on a site that is using "jQuery 1.2.6 - New Wave Javascript" The question is - will just swapping out to 1.5.1 (and 1.8.11) be likely to break anything..? pleesayno. there are all kinds of bits of libraries referenced all over, so I accept that something may break, but I don't know if anything drastic in the way documentbyid or anything was handled (I recall doing it differently
[cycle] Permalink to slide with custom hash value
At the moment I have it working with slide IDs, this is my code var index = 0, hash = window.location.hash; if (hash) { index = /\d+/.exec(hash)[0]; index = (parseInt(index) || 1) - 1; } var $container = $('#content').cycle( { fx: 'scrollLeft', startingSlide: index, speed: 500, timeout: 0, pager: '#nav', pagerAnchorBuilder: function(idx, slide) { return 'nav li:eq(' + idx + ') a'; },
Finding the correct selector
Hi All, So, from this: <div id="act112" class="actBlock"> <div class="actName">Name Stuff</div> <div class="actProgress">00%</div> <div class="actTogo">x days</div> </div> What do I use to get jQuery to select Name Stuff? I've tried #act112.actBlock.actName and #act112.actName and neither work. Apologies for this patently newbie question. Many thanks, - Aug
How To Do This -- [Image Effect] -- Through jQuery
Hi, I came across a site :- http://www.transtastic.com/se4/ and the way image zooming in and out I really liked and I'd like to know how it can be done through jQuery? Is there any jQuery plugin to do this? Regards Kylie
cant 'register' draggable/active DIV
HI, im trying to send the position of X amount of divs to a DB, my problem is, what i think, that the current div being dragged isn't registered. Im trying to alert alert( $(this).attr("id") ); but only receiving 'undefined' /C $(".flytt").draggable({ stop: function() { var data_pos = $(this).position(); $.post("save_pos.php", { id: $(this).attr("id"), x: Math.floor(data_pos.left), y: Math.floor(data_pos.top) }, function (data) { if (data == 1) { alert(
progress bar in jqgrid?
hi All, i am very pleased if someone help me about that whether i am able to show a progress bar in jqgrid (the values are whatever). thanks for your time. warm regards, khalid
jQuery/jQTouch Navigation problem
Hi, this is my first question in this forum: I'm working with jQuery/jQTouch for app navigation. I use the class "arrow" for my menu items like this: <ul class="rounded"> <li class="arrow"><a href="#xyz"><img border="0" src="images/test.gif">dummy</a></li> </ul> It works so far. When the user reaches the last menu item I want to draw something in a div. Therefor I use javascript onclick: <ul class="rounded"> <li class="arrow"><a href="#xyz" onclick="test('123')"><img border="0" src="images/test.gif">dummy</a></li>
Closing dialog with js loads incorrect page
In my app I have a number of dialogs containing forms and when the forms are submitted (using ajax) and done I use $('.ui-dialog').dialog('close'); to close them. If dialogs have been opened from previous pages the wrong page (the parent's parent) is shown when the dialog closes. This also happens if I have multiple dialogs opened from one page. It works fine when I open just one dialog and if I close a dialog with the close button. Many thanks in advance. M.
JQuery Cycle Plugin, no ScrollVert
Hello, First I want to say that Cycle plugin is simply awesome, the simplicity is extraordinary. The problem that I have is that I try to create a nested slideshow with 2 slideshows. The inner slideshows move horizontaly and the core slides should move Vertically, Up for "next" down for "prev". What happens though is that the horizontal ones move OK but the vertical slide is not happenning, it simply moves to the new image (the 1st of the next slide) but without transition. I have no JS errors or
slide show image l
I'm doing a slide show image like bing. demo: http://otohn.com/slide/welcome.html Source Bing fixed 5 images slideshow. admin can view more photos code fix it? may 10-20 ... image. Thanks !
Is Parallax with a slight tilt or rotation around the base layer possible?
Hi everyone, I'm new to jQuery and would like to create an image that utilizes Parallax, but would also like there to be a slight tilt or rotation around the base layer. The effect would be similar to a camera dolly that was fixed on a single point. Any suggestions to accomplish this would be appreciated. If it's not possible then I'll go the embedded movie route. I'd just like it to be more interactive. Thanks.
Slider Issue
Hello Experts ! I am a novice in understanding the working of Jquery plugins.But in my website I have extensively used Jquery plugins. I request the learned members present on this forum to help me resolve a issue which has been troubling me from a long time..On my home page (http://cricketwar.com/?hidAction=home) the top drop menu i dont see the blue slider line on mouse travel..but on certain internal pages like these (http://cricketwar.com/?hidAction=pros1 ) i see the blue slider line on mouse
Jquery proxy.invoke
I have been using west wing's ww.jquery.js proxies to make calls to our .asmx. So far the basic premise works: var parameters = new Object; parameters.hi = "Hello"; proxy.invoke("getHello", parameters, function(searchResults) {...blah blah The asmx call: [ScriptMethod(ResponseFormat = ResponseFormat.Json)] [WebMethod(EnableSession = true)] public string getHello(string hi) { return "hello";.... This works just fine..however, I don't want to pass a paramter
animate not working in safari
I'm using Fancy Form Slider and love it. In firefox, it's working great. In Safari, its not so hot. Check it out: http://beta.crambu.com/clients/createPromotion.php It renders fine in both, but the animation is acting REALLY weird in safari. I've used alerts to see if its using the correct data, and it is. Both the "current" and the new marginLeft are properly being set (in fact, it IS being set in safari, because when i inspect the element, it has the right margin-left data thats being alerted.
what is this error pls
this is my own, IDE underlines dot before "is" in read, meaning it's an error.. what is the error... if ( $('.fakeRadioButton' this).is('.fakeSelected')) { $(this).addClass('bg_white'); } compare w/this, from jQuery site, if ($(event.target).is('li') ) { $(event.target).css('background-color', 'red'); } thank you.. (PS: there's something wrong w/editor in this window, once I make a font-change, I can't do it again to another paragr.. same thing happened yesterday... (I think code should
Upload an photo using $.ajax
Hi, I have a registration form in which I would like the user to have a preview of the photo he selected to upload. I know that I have to upload the photo to the server in order to display it to the user (security reasons - can't access the full photo path from JS). I would like to upload the photo to the server using the $.ajax method without any plugins involved - is it possible? If it's possible, please supply a link :) I searched on google and couldn't find any code examples... Thanks in advance
Next Page