Very specific question about cycle plugin as Navigation
I am planning on using the cycle plugin for a slideshow/navigation hybrid can I hide certain slides until only certain links are clicked? and after a certain ammount of time the browser is idle on those clicked slides the cycle plugin resumes a regular slideshow? that would be amazing
Take The Free Jquery Code With Explanation For Carosel And Tree Structure.. Clear Explanation In Simple Manner..Also Need Ur Comments On These To Improve Us
http://mediamilan.com/how-to-create-simple-and-sleek-jquery-carousel-gallery/ //For Carosel http://mediamilan.com/how-to-create-simple-tree-structure-menu-using-jquery-and-css/ //For Tree View
jQuery has boggled my mind, new and need help!
I am creating a system which utilizes the viral nature of allowing others to rebrand a pdf. I have a reranding script that allows users to put their info and it hosts the pdf on my server. The pdf is embedded in an inline frame that requires an email to "unlock" for list building purposes. Since I've got my system set up so that the pdf is embedded into the Iframe requiring an email to unlock, how can I use jQuery so that my affiliates can fill out a simple form and replace my email form account
merging two plugins to work together
Hi. I'm starting to use jQuery lately. I'm trying to combine jquery.selectbox-0.5_style_3 with another script to google maps v3. If I don't use styling selectbox, I don't have any problem with selecting some option from selectbox and centering map on coords which are values of this selectbox. But since im using styled selectbox (changes <option> to <li>). I have no idea how to trigger google maps script to work when i change value on styled selectbox. I have actual value from styled select, but don't
Media queries for max-width-xxx are all true?
What is the rationale behind the idea of this? Tested on iPod touch: <!doctype html> <head> <meta charset="utf-8"> <title></title> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"/> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" /> <script src="js/libs/modernizr-1.7.min.js"></script> </head>
Jquery Multiple add row(s) using after from a function...?
Hey guys...! Suppose I have this one, <!-- mula contact person div --> <div name="contact_person" class="round"><table id="contactptable" width="590" border="0"> <tr> <td colspan="2"><input type="button" id="contactpadd" value="+" />Contact Person</td> </tr> <tr> <td><input type="button" name="contactpremove" value="-" /></td> <td> <select name="contactptitle" > <option>Mr.</option> <option>Ms.</option> </select> <input type="text" name="contactpname"
Ideas to handle mouseover/mouseout bubbling causing each one to trigger the other endlessly
I have a situation that I think is generating a conflicting need. On the one hand, I need an event that bubbles up so that I can use the live() method to pick up elements that are added dynamically to the DOM. On the other hand, I am having an issue with the event bubbling up when I am over the element. Let me explain the best I can: I am using the jQuery auto page function to create the "infinite page" effect. I have another jQuery function that I have written to create an effect on elements on
jQuery 1.52 and dataFilter conversions
Hi all, It looks like jQuery 1.52 has broken some custom JSON parsing for me. I use custom JSON decoding to allow for date parsing. I've been using this code for a long time back to jQuery 1.3 and it's just now with version 1.52 that this is breaking. The $.ajax() code I'm using looks something like this where I'm using a custom dataType (serviceproxy) to bypass the default decoding pipeliine (but I've also tried this with text with the same result): $.ajax({ url: url,
jquery.mobile-1.0a4.min.css causing Firefox Error console to fill up with dropped delcarations
I realize that jQuery Mobile is marked as Alpha, but I can't find a single post related to this fact (and how to solve it). https://github.com/jquery/jquery-mobile/issuesearch?state=open&q=declaration+dropped Just making the most simple of pages results in about 100 messages like this: Warning: Error in parsing value for 'background-image'. Declaration dropped. Source File: http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css Line: 16 Warning: Unknown property 'border-radius'. Declaration
JQuery Cycle - multiple slides and captions
I have a slideshow displaying 3 slides at once (demo version here). I'd like to display a caption under each slide based on the alt tag. I have this working enough to where it's displaying the caption of the first slide in each set. I tried a few things to get the 2nd and 3rd captions displaying, but I'm at a loss. Any help is much appreciated! Code is below. <html> <head> <style type="text/css"> .slideshow { margin: 20px auto } .slideshow img { padding: 15px; border: 1px solid #ccc; background-color:
Error in IE using jquery cycle with fx: 'custom' with property "display"
Dear jquery-cycle-cracks I use the cycle plugin for diplaying som banner in a website. My idea was to move them one by one, from left-side in, leave a couple of seconds and then let them move out to the right side. That works fine wit one or more banners on Firefox, Opera, Safari but not on IE (V8). The IE always trows a Error: Zeile: 16 Fehler: Die display Eigenschaften wurden nicht gefunden. Ungültiges Argument. It happens with the followinghtmlcode as example(simplified): <div id="banner"> <div
Need help with Jquerry Validation Email
Hello everyone, I am using Jörn Zaefferer's jquerry validation plugin. I first isolated the form styled it with css and got it kind of working how I wanted it, see the example here, but when I incorporated into my website, which by the way has another jquery plugin installed, the validation stops working. I would really appreciate your input. Thanks!
validate-email with jquery-1.5.1
Could somebody give an example of how to display validation error message on the right side of the the HTML-element rather than on top or bottom ? Thaks very much in advance
Hoping there is a simple mod to this
I bought this accordion (http://codecanyon.net/item/modern-accordion/full_screen_preview/48072) which runs off of jquery and need to modify one thing. I, and several others, have asked the developer for the answer but no replies. As you can see the accordion never closes, once opened—it can only switch between the tabs. I would like to be able to click on the tab again and make it close. Better yet, I would like to mouseover the tab to open it and then once my mouse leaves any part of the opened
How to get these two functions to work together?
I have two different JQuery functions that both work independently, but I am curious how to get them to work together. I have a row of images, and I am using JQuery to have them fade in and out on rollover. $(document).ready(function(){ //Set opacity on each span to 0% $(".rollover").css({'opacity':'0'}); $('.img_list a').hover( function() { $(this).find('.rollover').stop().fadeTo(500, 1); }, function() { $(this).find('.rollover').stop().fadeTo(500,
Jquery Issue with other Javascript in page
Hello, I am a relatively new Jquery user and more of a PHP developer in general. I am currently doing both for a project and having some issues with a Jquery image slider and the other Javascript I'm using in the page. The basic page contains two main scripts: a vertical Mainmenu and a scrolling Marquee across the bottom of the header. These have been working fine but I just tried to insert a cool Jquery slider called the Nivo Slider which uses jquery-1.4.3.min.js and also its own jquery.nivo.slider.pack.js
Overscroll and starting position
Short Version : Is it possible to alter Overscroll somehow to make the element start scrolled 50% of the way along both the x and y axes? If so, how? Long version: For a current project, I'm using jquery and the Overscroll plugin (http://www.azoffdesign.com/plugins/js/overscroll) to allow a large table to be scrolled around, ultimately to produce a google maps kind of effect (ajax included, but I've got that part figured). What I'd ideally like is for the table to start positioned such that the center
PageLoading block UI
Hi, Is it possible to block the UI when using $.mobile.pageLoading(false)? Thanks.
Default easing options not working when using easing plug-in
When I use an easing plug-in, the default easing options "linear" and "swing" are no longer available.. when I try to use them, I get a javascript error from my jQuery file (jquery-1.5.2.min.js) saying "d.easing[j || k] is not a function". I've tried two different easing scripts (here and here), but same result with both. This is an issue as I would like some way to do a linear movement. This behavior happens in jQuery 1.5.2 as well as 1.5.1 and 1.4.4 and is an issue in all browsers I've tested in:
Second jQuery plugin, have scoping all messed up
Hi all, I'm writing my second ever plugin, an attempt to refactor the code from http://www.bennadel.com/blog/1803-Creating-A-Bidirectional-Infinite-Scroll-Page-With-jQuery-And-ColdFusion.htm into a proper plugin. I've gotten it to various stages of completion, but after going through a couple of plugin tutorials and best practices, I've managed to completely break it. It can be seen in action at http://www.fylo.net/scroller/ and I've made a fiddle at http://jsfiddle.net/rTE9b/1/ Thanks in advance.
Use of data-close-btn-text
Hey guys, It seems there is a new feature to add a text on a close button of a dialog on the 1.0a4 version. I tried to add this attribute on the container of the dialog as explained here : http://jquerymobile.com/demos/1.0a4/#docs/pages/docs-dialogs.html. But it doesn't seem to work. Is someone tried to add this ? Here is a simple test code : http://jsfiddle.net/Y6WfL/43/ Thanks for the help.
[SOLVED] passing an array for jQuery.ajax data field
Hello, How can I pass an array for JQuery.ajax data field ? I have an array called "ize" and i could not convert for post. I got "undefined=undefined" or similar results. Pls check this pic http://img848.imageshack.us/img848/8066/image000hd.png Thanks in advance, Csaba
sliding div's out of sight and delays *UPDATED2 with CODE* [70% SOLVED]
hey I want to make a webpage with 6 div's: one on the left and contains the buttons to control the others and occupies half the page -left half- 2nd that upon a button press from the 2nd slides down in the middle the others occupy the right half of the page and are behind each others and are viewed up button click on the 1st, on 1st click the 2nd comes down in the middle and the 1st one of the right divs slides out of sight and makes the one behind it visible, on second button the one behind it slides
Save any image from the gallery
Good day! I use a plug-in LightBox. This plugin displays images from a gallery. Suppose a user views an image on my site. How to enable the user to save any image from the gallery.
Loadfile based on div name only loads first one!
Hello. I'd like to load 3 html files (file1.html, file2.html and file3.html) after onmouseover on one of 3 divs. However, it always loads only file1.html (basing on first div from the top). What am I doing wrong? Code: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <script src="./jquery.min.js"></script> <style type="text/css"> .mOver{ border:1px solid #000000; width: 120px; text-align: center; float: left;
jQuery Plugin for Eclipse 3.4 (or later) or Rational Application Developer 7.5..
I'm new in this so can someone please show me how to get jQuery plugin working in Eclipse 3.4 or iRAD 7.5? Thanks much! Govee
hide / show based on a select value
Hi all, I am trying to hide/show a div based on the value of a select element with id JobType. As a test I use an alert to test this code but always, no matter what option is selected, get the alert. This is my code: $(document).ready(function() { $("#JobType").change(function(){ if ($(this).attr('selectedIndex', 1)) alert("option 1") }) }); Is there a way which would allow me to do that
Feedbeck jquery helpe
Hi i have a contact form like this: <?php $mailTo = 'mail@company.com'; $name = htmlspecialchars($_POST['Name']); $mailFrom = htmlspecialchars($_POST['Email']); $telefon = htmlspecialchars($_POST['Telefon']); $adresse = htmlspecialchars($_POST['Adresse']); $subject = htmlspecialchars($_POST['Subject']); $message_text = htmlspecialchars($_POST['Message']); $message = 'Navn: '.$name.' E-post: '.$mailFrom.' Telefon: '.$telefon.' Adresse: '.$adresse.' Melding: '.$message_text;
How can i include some certain jquery ui library in my page?
Hello there, I want to include only some certain effects in my page. but when i put for example, the fallowing code in my head section, the drop and pulsate effects(for example), doesn't work... . <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="js/jquery.effects.drop.min.js" type="text/javascript"></script> <script src="js/jquery.effects.pulsate.min.js" type="text/javascript"></script> but when i put <script src="js/jquery-ui-1.8.9.custom.js" type="text/javascript"></script>
jQuery cycle plugin displaying images improperly
I'm having a problem with the cycle plugin randomly shrinking images as they cycle through the slide show. It doesn't happen all the time and it varies at what image during the slide show it happens. The image suddenly becomes small and distorted in the upper left corner of the div. When I refresh the page, the image returns to it's normal size and the slideshow continues and a few photos later a different photos shrinks. I refresh the page again and it goes back to normal. I've tried clearing my
Need help with a basic accordion script.
I've got my accordion working. http://www.bassettboy.com/salt2/ The html and jq are as follows <div class="nav"> <h3><div></div> <h3><div></div> <h3><div></div>etc.. </div> $(document).ready(function() { $('div.nav> div:gt(0)').hide(); $('div.nav:eq(0)> h3').click(function() { $(this).next('div:hidden').slideDown('fast') .siblings('div:visible').slideUp('fast'); }); });This hides all divs except the first one (check the site) on load, then whenever I click a h3, it performs as
Parallaxing bg image relative to parent container
I'm using this jquery plugin to create a background parallax effect. http://www.jsplugins.com/Scripts/Plugins/View/Jquery-Background-Parallax/ You can find a demo here that I've been playing with a little bit. http://204.250.154.51/dev/parallax/index.html I can get the plugin to work at a basic level no problem, scrolling the contents within an element parallaxes the background as it should. What I'm trying to figure out how to do, is the parallax the bg images for each of the 4 divs relative to
Creating and deleting items, using live()
I have some ajax functionality I have made, this basically creates an item in a database by an add button, the items are in a li. I have a delete button span which when pressed shows a confirm or cancel buttons which are hidden initially, If i have more than one item in the list is will show and hide them on all the items in the list, heres the code $('.source_delete').live('click', function(){ //Fade out delete button $('.source_delete').fadeOut(); //Show confirm
change (not doing it)
i have a scipt ive made which validates email and confirm email fields...but change isnt doing what i want. basically i want the script to run when a user is typing not when change has happened to the fields and focus is off the field. is there a way of doing is? i hope you understand my question...thanks
jQuery ajaxSend global event inconsistency ( jQuery 1.4.4 )
Hi, In one of my recent projects I am using/observing "ajaxSend" event for some logging purpose, I am listening on the <body> tag for the event using a code like below: $( document.body ).bind( 'ajaxSend', function log( event, xhr, settings ) { console.log( settings.url ); } );The above code is working fine for almost all the cases except few and I am also able to log the XHR calls properly. But I have noticed that in some cases this "event" does not bubble properly ( I mean that it does not bubble
Remove close button from select option dialog
How can I remove the close button on a Select Option Dialog? Example: http://jsfiddle.net/Y6WfL/18/
Why are versions numbers hard coded in file names everywhere?
Hi guys One of our developers is using Jquery-ui in one of our web apps. A downloaded tree (not the most recent one but it is the same there) would look something like this: jquery-ui-1.8.5.custom js jquery-1.4.2.min.js jquery-ui-1.8.5.custom.min.js css ui-lightness jquery-ui-1.8.5.custom.css It is now very tedious and error prone to upgrade the library, because you would have to replace all links in any calling code (PHP, HTML etc). Is there any reason why the code
nested collapsibles not working in A4
You can see nested collapsibles working here, but when I try to implement them myself they do not work. Can someone tell me the difference in the two implementations? thanks
The navigation jumps up when going back to startpage
Hi all, I hope you can help me with my issue. When I click on a link from the startpage and later go back, the Nava jumps up over the intro text in Chrome and Safari. I am new to jQuery and would appreciate any help. Been dugging for hours i cant find a solution. Added a screenshot. You must minimize the browser to test/see the problem. Site: http://aixnow.cypoint.se
Validation plugin - regular expressions or condition
Hi, I´ve problem with Validation plugin... I´ve one select like this.. <select> <option value=1>-- Select one --</option> <option value=2>opt 1</option> <option value=3>opt 2</option> <option value=4>opt 3</option> </select>and I want to return false if there is chosen value == 1 (-- Select one --). Next problem is with the right phone number format.. I have a PHP regular expression, but I don´t know how to insert this regExp into JS. Thanks for all answers..
Next Page