jQuery UI - Making the Navigation a link
Is it possible to make an element within the navigation not the panel a link?
Qaptcha does not work
Hi All, I am trying to implement the Qaptcha on my website. I downloaded the package from here: http://www.myjqueryplugins.com/QapTcha and test them. I followed the instruction carefully and still it would not work. Could someone help me out? Thanks, Ethan
problems with self-made slider
Hello guys, I got some problems with my self-made slider in Jquery. Every 7 seconds it changes the image automaticaly. But I also have a div -> arrow-right, to manualy go to the next image. But when I click that div, then it does go to the next images, but it keeps repeating that and the 7 seconds delay is then gone. the html-part code: <div id="slider"> <div id="slider-image-holder"></div> <div id="arrow-left"> <div id="arrow-left-inner"></div> </div> <div id="slider-small-box"> <div id="1" class="slider-circle"></div>
how do you specify a sub page using $.mobile.changePage("page2.html")
hi, I am wondering if there is a way to specify which specific page div to load when using changePage to navigate to a different html page. For example, I have 2 html pages in my app. My program starts with page1.html. page2.html contains 2 jquery mobile pages. <div data-role="page" id="html2page1" ... </div> <div data-role="page" id="html2page2" ... </div> I want to be able to call $.mobile.changePage("page2.html#html2page2") from page1.html but it doesn't work. And $.mobile.changePage("page2.html")
Daterange Icons
I would like to use icons to bring up the calendar for a date range. Using an icon for datepicker is easy enough if there is one box, but what if there are two dates and two seperate icons? Currently my code is as below. The image I want to use is called calendar-icon.png. Please help! $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, autosize: true, buttonImage: '../images/calendar-icon.png', onSelect: function( selectedDate )
Problem with JQuery Datepick in IE9
I'm trying to discover why the JQuery datepicker doesnt work correctly here: https://www.tusculum.edu/mytusculum/bvisit.php There's also a problem with the display of the form, but Compatibility view corrects the layout problem. It does not correct the problem with the datepicker. When I click on the calendar, the date is supposed to appear in a div below the calendar. However, in IE9, the calendar never closes, the div is never added and the browser goes back to the top of the page -- almost like
checklist Dropdown list inside tabs plugin
Hi, I am using jquery checkbox dropdown list control http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html inside a tab plugin, and it is not working for me. Dropdown does not appear on click although code does process the items. If i put the dropdown list outside the tab on the same page it works fine. I am using following for my controls. jquery-ui-1.8.11.custom.css ui.dropdownchecklist.themeroller.css jquery-1.5.1.min.js jquery-ui-1.8.4.custom.min.js jquery-ui-1.8.11.custom.min.js
simple single image hover parallax / animate effect
I am looking for a simple parallax/animate like effect, i have a single image and if i hover on it the image should move like the parallax effect. So if i put my mouse in the topleft corner the image should move in the direction bottomright. I know this i very simple but i cant seem to get it working or how to get this working. any help?
Using jQuery with elements in hidden div ?
I have also posted this question on StackOverflow which you can see here. This first issue I had to solve was using jQuery in an ASPP.Net app with Master \ Content pages - that issue is resolved. The main issue is that I have a content page that has many divs on it - 3 of which are hidden when the page first loads and are then each displayed based on various user interaction wth the page. One of the divs is displayed by server side code for many reasons dvDetail.style("displaya') = "block". My
Create an array of Browser popup windows
programming beginner here. Iam doing some experiments with browers right now and I am trying to open a bunch at the same time (which i did) but i want the to be in an array to make it cleaner. I am also trying to make the pop up browsers move on click. I can make them move automatically, but i am having some problems with scope. help please :) js: // Here are the initial values for our animation. var unit = Math.round( screen.width / 8 ); var x = 0, y = 0, w=unit, h=unit; // Window position and
(using validation plugin) Prevent spam w additional-methods.js such as HTML code in textarea w/ validation plugin ?
Are their any options within the additional-methods.js such as stripHtml and addMethod Just seems this would be a good way to prevent spam queries, without having to go to the extreme of captcha, which discourages some inquires. Thought maybe someone else may have solved similar issues with misuse of textareas and folks embedding links etc. thanks in advance for any clues.
Loading a image before load the whole document
Hello I am working with a php in a facebook application and if I wait to load all the site take long time so my idea is to set a 'loading page..', in the mean time the php will continue working and will paste the result into a div then with jQuery I will show that div. How can I do it? Thanks
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(
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
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
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'); } ); });
Next Page