bind a click then continue
Hi all, I'm looking for a way to catch a click on a link, show a popup message then... continue with the action. I have this: $('.hook a').click(function(event){ event.preventDefault(); alert("hello!"); $(this).trigger('click'); });And this (obviously) go into an infinite loop. how can I solve this isue? Thanks to all.
Please help me to add caption in this slider
I got a jquery gallery script which i want to use but there is no caption effect please help me to add caption on that script here is the url of that site http://tympanus.net/codrops/2011/01/19/sweet-thumbnails-gallery/
Animation Doesn't Stop
I have this div that gets animated until a button click calls the jpLand() function. function jpTakeOff(){ $('#flyer').animate({ top: '125px', left: '150px' }, 1800, 'easeOutCubic', jpHover); }; function jpHover(){ $('#flyer').animate({ top: '135px', left: '145px' }, 1000, function(){ $(this).animate({ top: '125px', left: '150px' }, 1000, jpHover); }); }; function jpLand(){ $('#flyer').animate({ top: '50px', left: '700px' }, 1800, 'easeOutCubic', function(){ $(this).dequeue(); $(this).animate({
How do I pass a variable to function
Hi I am creating a testimonial/quote rotator using the following function: $(document).ready(function(){ $('#testimonials .slide'); setInterval(function(){ $('#testimonials .slide').filter(':visible').fadeOut(500,function(){ if($(this).next('div.slide').size()){ $(this).next().fadeIn(500); } else{ $('#testimonials .slide').eq(0).fadeIn(500); } }); },20000); }); That reefers to: <div id="testimonials"> <Div class="slide"> <p class="quote">Quote one here.</p> </Div> <Div
Create elements and functions
Hi guys, Im initiate with jQuery now and trying to create some elements and, after that, create functions for this. What i do is: $(document).ready(function(){ $(".open-lightbox").click(function(){ $("#lightbox").css("display","block"); $("<div />").attr("class", "bg-lightbox").appendTo("body"); $("<div />").attr("class", "confirmation-box").html($(this).attr("title")).appendTo("body"); $("<div />").attr("class", "buttons-lightbox").appendTo(".confirmation-box");
No link redirect when clicked
I have a link, say: <a href="http://jquery.com/">jQuery site</a> and when it's clicked, I don't want it to redirect me to jquery.com.
Meerkat Plugin
Hello! I have a question about using the Meerkat Plugin with Business Catalyst. I got it working just fine but now I need to be able to hide the function when there is not an alert or notification that we need the plug-in for. Currently, it still pops up with 'No items found.' Is there a way to hide this when there is not an alert? This script was listed on the Meerkat website but I don't think it is what I want, and when I included the code in the script, it didn't seem to do anything: onMeerkatShow:
jquery form plugin and IE issues
Hi, does anyone know why this code works in Chrome and Firefox but not in IE9, IE8 and IE7: jQuery(document).ready(function($){ // bind to the change event of the state select in the checkout form $('#add_submit').one("click", (function(){ // display a message indicating that we're updating the tax cost $('#cart_total').html( 'Dodajem...' ); $('#items_in_cart').html( 'Dodajem...' ); $('#entry_id').val( $("#add_entry_id").val() ); $('#quantity').val(
jQuery Mobile doing ajax request for inline pages when passing parameters
For developing a web application I am using jQuery Mobile. However, I recently ran into a problem when having multiple pages in a single HTML-file and trying to link to them: <div data-role="page" id="first"> <div data-role="header"> <h1>First</h1> </div> <div data-role="content"> Content of first page </div> <div data-role="footer" data-id="footer"> <div data-role="navbar"> <ul> <li><a href="#first?foo=bar" class="ui-btn-active">First</a></li>
Newb Question - Fancybox and Piecemaker not working on same page - Charity website needs help
Good morning, firstly I am a total newb to Jquery and to HTML. I am running a new charity and I am having trouble with this page : www.imovecornwall.org The top section has three green tick boxes that launch Fancybox's. There is also a Piecemaker slideshow on this page. If I click on the green tick boxes at the top, it launches the fancybox script but also shows the Piecemaker slideshow over the top of it! What I need is for the onclick to launch the fancybox script BUT NOT THE Piecemaker
finding xml nodes
i have a dynamic imagemap loaded through asp .net using xml as a datasource, i used the map highlight plugin found on this site and everyhting was fine. I then amended the jquery to add descriptive text from the xml on hover. Here is my xml <img src="bathroom.gif" alt="bathroom" width="852" height="571" > <file>bathroom.xml</file> <roomID>1</roomID> <area id="Bath"> <componenetID>2</componenetID> <componentDrillDown>N</componentDrillDown> <component>NA</component> <shape>poly</shape>
memory leak when use 1.5.1
Hi, all: Have you used jQuery 1.5.1 with jQueryUI 1.8.1? I just link to these two js, and do nothing in IE9.0. Each time I press f5 to refresh, memory usage increase. But, if I use 1.4.2, it works fine. Does anyone can help me?? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
CompareAttribute of ASP.NET MVC 3.0
Hello All, I am using MVC-3.0. I need to compare 2 model values for equality like password, confirm password. So, I used the CompareAttribute. I am also using jQuery 1.5 library. When the model values are compared(I am using CompareAttribute) and if the values are not same the CompareAttribute pops an error message in to the UI. Now the problem is even if I clear and provide same values after I get the error message, the message is not cleared from the screen. The code still smells filth in the values
Implemented Contextual Autoescaping for JQuery Templates
I put together a playground so you can play around with the implementation. Briefly, it's a preprocessor that can be applied either at runtime in the browser or at compile time to jQuery templates to add calls to encoder functions based on the context in which ${...}s appear. Are jQuery templates in the process of being speced? What's the best way to make this available to users of jQuery templates?
[ Create Own Event for Jqueryplugin problem ]
Dear all, I have code blow My HTML: <div id='container'> <div class='item' id='itemone'> ... </div> <div class='item' id='itemtwo'> ... </div> </div>My Plugin here // My Plugin (function($){ $.fn.myplugin = function(options) { if (this.length > 1){ this.each(function() {$(this).myplugin (options)}); return this; } var elem = $(this); var set = $.extend({ someoption1 : 'option1', someoption2 : 'option2',
Png problem in ie8 using fade with jQuery
Hi all, i have a problem with png image (with trasperency) in ie8. See screenshot in attachments to show my problem.. I use this coding: jQuery(function() { jQuery(".logo").css("opacity","0.5"); jQuery(".logo").hover(function () { // opacity 100% jQuery(this).stop().animate({ opacity: 1.0 }, "slow"); }, // mouse out function () { // opacity 50% jQuery(this).stop().animate({ opacity: 0.5
Newb needs help with two lightboxes on same page
Hi everyone, I have this page : www.imovecornwall.org/index.htm which has two lightboxes on it. A Peicemaker script and fancybox lightbox at the top. Problem is when I click on my icon to launch the fancybox script it displays BOTH lightboxes! Peicemaker runs fine on it's own (if you take a look at the page) HTML: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="fancybox_multiple/fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
.get and passing variables
This has probably been answered before to death, but I've been searching for hours and can't figure it out. I'm still relatively new to jQuery so appreciate any help. What I want to do is pass variables to a template through .get and have that template render the variables through php in that template, and then have the template be incorporated back into the template it was called from. What I'm having issues with is figuring out how to pass the variables dynamically through checking boxes and not
Regardin PDF and Excel in Table tools
Can any one help in getting pdf and excel in table tools. Iam facing issues with this.
Using prettyPhoto_3.1 but the slide show do not display center of the screen
I'm using PrettyPhoto plugin version 3.1 but when it display image, i do not change anything in prettyPhoto.css , the div holder do not display at center of screen. please help me fix it. thanks in advance. Here is My CSS and MY HTML code: html { *overflow: auto; *overflow-x: hidden; } a {text-decoration: none;} body { float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10pt; left: 50%; *left: 0; position: relative; width: 1200px; overflow-x: hidden;
Add dots to an image
I need to let a web page user add small dots to an existing image, at locations of the user's choice. Is this capability already out there? To express it differently: The page contains a standard image of a car. The user puts red dots on the car to indicate the locations he's observed scratches or dents. We save the marked-up image by merging the dots with the image and saving it to a new name (or more likley creating dots at the user-supplied dot coordinates). The merging is back-end work, and can
FF & IE compatability problem
Hi, all The following works in FF. While it causes an error as " Expected identifier, string or number" in IE8 at //here... jQuery1.4.1 function submit2_set_freq_job(){ var job = $('#jobs [name=sel_job]:checked').parent(); var job_name = job.siblings('.job_name').text(); var frequent_job = job.siblings('.frequent_job').text(); var prompt = (frequent_job == 'Y'? 'reset '+job_name+ ' from frequent job?' : 'set '+job_name+ ' as frequent job?');
Loop through Repeater
I have folowing repeater. How can I loop through the Repeater and get the checked rows values <asp:Repeater ID="Rpt1" runat="server" > <ItemTemplate> <tr class="ItemStyle"> <td id="Empname" runat="server" align="left"> <%# DataBinder.Eval(Container.DataItem, "Emptitle")%> </td> <td id="Sal" runat="server" align="left" >
Looping through Repeater
I have following Repeater with some rows and checkbox for each row. How can I loop through the Repeater and get the value of only checked rows. <asp:Repeater ID="Repeater1" runat="server" EnableViewState="false"> <HeaderTemplate> <tr class="tdCellBlue" style="width: 100%"> <td align="center"> <asp:Label ID="lblEmp" runat="server" CssClass="Mandatory"></asp:Label>
validation depends
is it possible to add a depends onto an equalTo rule? ie: rule{ myFormFierld: if textbox name has been filled out add this equalTo rule.. Thanks, N
Problem with events
I have 20 divs,(class point_wrapper) when i click on it, happens what follows: $(".point_wrapper").click(function(event){ $(this).css({background : '#000'}); var id = $(this).attr("id"); var nombre=$(this); var t='#'+id+'x'; var u='#'+id+'y'; $("#canvas").click(function(event){ var x, y; var posicion=$("#canvas").position(); x =Math.round(event.pageY-posicion.top); y = Math.round(event.pageX-posicion.left); var drawingCanvas = document.getElementById('canvas'); if(drawingCanvas
Windows Phone 7, Local, internal linked "pages" not working if page has select menus
I am using JQuery mobile in a Windows Phone 7 project. The internal link pages in my app would not work in the phone browser, but will work in any other browser. To debug the issue, I tested the 2 page example given in the local internal linked pages of JQuery Mobile doc. Then in the second page I added the code from the form elements select menus example. Then the internal page linking does not work. When I remove the select menu code the internal linking works. I need these Select menus for
Having problem with magicpreview
Hi Guys, I'm still pretty new to using Jquery and I'm trying to use Rik Lomas's Magic Preview plugin found here: http://rikrikrik.com/jquery/magicpreview/ to help me create a form but for some reason I just can't seem to get it to work. I'm really only interested in changing a picture based on what is chosen in a <select> tab, but I just can't seem to get it right. If anyone could help me out I would really appreciate it. My current code is as follows: <script type="text/javascript" src="jquery.js"></script>
Custom button properties
hello Gurus. I am a newbie to jquery and I learning it. ofcoz, it looks wonderful and my interest in it is building day by day. I am creating a sample page and i have got few buttons in it. They all have different sizes, colors, and positions. I know it can be done through a custom css. but i really cant figure out how would i relate the button to those custom css. The question might be too silly, but i am quite stuck in this. Please help me :)
simple font resize function not working in IE
hi i have a simple font size function as follows which works fine across safari/firefox but does nothing in IE? Page is here: http://bedlam.emrysmedia.com/index.html code as follows: // Reset Font Size var originalFontSize = $('#pageContent').css('font-size'); $('#reset').bind('click',function() { $('#pageContent').css('font-size', originalFontSize); }); // Increase Font Size $('#larger').bind('click',function() { var currentFontSize = $('#pageContent').css('font-size'); var currentFontSizeNum
Change Checkbox Label Text
I am trying to change the label of a checkbox. The detail is I am detecting the browser screen size and making the label more descriptive if there is room to display. On small devices the label is trunctated. The code that I tried. $('#CheckboxTrackingLabel').html('Track'); The checkbox does not seem to display if the html of the label is changed in script. It switches to just a label if the code is called. What do I need to do to get it to remake the checkbox after the label text is changed?
ToolBar Hide by Default on page load?
How can I change the default (or where is it?) of the ToolBar not to show when a page loads and not until the user taps on the body? Thnx!
how to write this example?
$('.viewBookBtn').click(function() { $(this).parent().parent().find('.hideable').toggle( // just the toggle function works fine function(){ $(this).css('visibility', 'visible'); // but when defined it doesn't target the hideable classed element }, function(){ $(this).css('visibility', 'hidden'); } ); });
IE only error: object doesn't support this property or method
When I click one of the thumbnails I'm getting the following error message on line 47 of my lightbox: "object doesn't support this property or method." It manifests itself by not showing the overlay (the opacity is set to 1 and it's black, so you should see it); nor is it handling the opacity of the close button (0.5). I'm only getting this error in IE, not in Firefox or Safari. I tried renaming the variables, thinking there might be a naming conflict, but it solved nothing. Also, again only in IE,
jQuery .show()/.hide() not working in IE8 & 9, works in IE7, FF, Chrome, Safari
Hello, I have a bit of code that is working in nearly all browsers including IE7 but not working in IE8 or 9. I am attempting to use an unordered list as a button set to filter products by the selected attribute. This code works in conjunction with multiple sliders (which do work across the board). Does anyone know if this is a jQuery issue? An issue with my code? Or, a browser compatibility issue? Any help would be very appreciated. jQuery Code: // filter by shape $(function() { $( ".buttonSet
when does jquery add all callback to the url
Hello, i am relativly new to jquery and the $.getJSON method. two weeks ago i startet using $.getJSON with success. but now i have an inexplicable problem with using the function. i changed nothing in the behavior of using the method but getting now a different result. i am calling the function this way var path = 'app.php?controller=kgr&task=savemod&action=new&tablename=kostengruppe &start=5&kostengruppename=132&kostengruppenummer=546'; var jqxhr = $.getJSON(path, function() { alert("success");
Lightbox window stretches horizontally
I have a lightbox where the prev/next buttons are images on either side of the browser window. They are absolutely positioned with negative values (-138px) so that only a portion of the buttons are visible. So now the horizontal width of the overlay is wider than the browser window. I've set the CSS to overflow:hidden for both the overlay and the btnBox, but that didn't do anything. How do I constrain the horizontal width to not exceed the width of the window? I know it has something to do with the
.ui-btn-active{} removed on navbar alpha 4
In the docs - http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/docs-navbar.html the navbar holds the active state of a button when pressed. All the links on the docs page have href="#" When i try to do the same thing but put href="Javascript:myFunction():" then even if myFunction() does nothing, the active state is removed from the clicked button. I saw there was an issue with alpha 3 where the selected state was not being maintained but this seems to be happening with alpha 4.1 Has anyone used
delay is not working
$("#pop_news").html(pop_news).slideDown("slow").delay(5000).slideUp("slow"); I don't understand why is not working any more. I did try this and it was fine. I am using jquery 1.5.1.
Some new selectors...intrv(), intrvR(), slct() and slctR()
Hello, everybody... I'm new on the forum, and also new with the using of JQuery. There is a long time that I want learn JQuery, but I will not have the time to do. So the last week, ones of my friends ask me if I'll know JQ and if I could help him... I answer him, no...I don't know JQ for the moment... But wait a lot I will take a look on it this night and we will see it tomorrow... We resolves the problem together the next day and seduced by possibilities of JQ I'm continuing to study... Now, I
Next Page