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..
Scroll issue during transition
Hello! I've got an question about page transition. When "back" button is clicked on an android phone, the active page is scrolled to top and then the transition start. It does not look good (for me) on Android. So, is there a way to cancel this scroll? Another question, where can I find some working projects on Jquery Mobile? Thanks!
Why doesn't work the animate() method with a css top property
Hello I'm trying to move a div with the animate(); Method but doesn't work with the top css property this is the method that I use $('.btnControls').click(function(){ $(".itemContainer").animate({top:"200px"}); }); which is the reason for doesn't work.? Help me... Thanks
Find the first ten images on a page
Hi, I'm trying to create a dynamic image gallery in my wordpress blog and I have successfully managed to collect the images in the blog posts and clone them and wrap them in the right tags etc. This is to make a jquery script that someone else wrote work in my blog. My problem is that I only want to collect and clone 10 images. So how do I make it stop after 10 images? I am completely new at Jquery and it's amazing that I've got this far. :) Here is my code without even trying to only get 10 images.
Grouped select
Hello, Does anyone knows if it's possible to group select like button ? Like this : http://jquerymobile.com/demos/1.0a4/#docs/forms/../../docs/buttons/buttons-grouped.html With that I'll be abble to build a light date picker... Thanks for your help !
Desperately looking for sample code or some advice
I am just starting on JQuery Mobile (giving up sencha touch) and found this rss reader url: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/ It works great but this one has multiple rss feeds. I need something with the first part off, so that I read just one rss feed. Does anyone know where I could get some sample code or any ideas how to change this one so it reads just the one feed, going direct to the feed's list? Or any demos on reading RSS/ATOM
Autocomplete aliases
Hey I'm using the jQuery UI Autocomplete in my form and everything's working fine (thanks to the community). There's just one thing left to make it perfect... aliases. Example: The autocompleted field is for the user to enter his country. One autocomplete option is "United States of America". How can I do it such that if the user types in the acronym "USA", the autocompleter associates it with the "United States of America" value? In other words, is there a way to create an alias when I define the
resizeable not works
Hello! I'll crate some <div> elements dynamic. That's my function function newCreate(x) { switch(x) { case 'text': var newVal ="<div class=\"ui-widget-content draggable ui-draggable ui-resizable\" style=\" width:200px; height:50px\" id='"+Objects+"' ><label class=\"Normal\" >Dieser Text Ist Statisch ID:"+Objects+"</label></div>"; break; case 'image':
Default value for content>li on page load
Guys sorry I am to 100% new to this and this code landed in my lap today. The problem is the content switches fine after the user clicks on each menu item, but the content window is empty when the page first loads. I would like to set page1 content to be visible when the page first loads. <div class="wrapper"> <aside> <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1> <nav> <ul> <li class="itm1"><a href="#page1">Home</a></li> <li class="itm2"><a
Validation and AjaxForm plugins are not working
Hi, I have developed a small form by using Validation and AjaxForm plug-ins. (Please refer my below code) <head> <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="Scripts/jquery.validate.min.js"></script> <script type="text/javascript" src="Scripts/jquery.form.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function() { $('#searchForm').ajaxForm({ beforeSubmit: function() {
jquery plugin jquery.media doesn't work
help! i use the plugin jquery.media in my page like: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>flv test</title> </head> <body> <a class="media {width:250, height:250}" href="http://jquery.malsup.com/media/flash/curtain.flv">FLV File</a> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
kiketable_colsizable, resizing columns after width attribute applied to cell
I have successfully used this plug in to create draggable columns on a basic HTML table and with extra code suceeded in saving the new column widths to a database so that the next time the page is loaded, the table appears with the columns correctly resized. However, if the user subsequently tries to resize these columns the plug in no longer works properly. The "ghost" shadow resizes, but the table cells will not resize smaller than the current width that is applied to it. In a three column table,
How to use an image in my sliding navigation menu?
HI, I am creating a website whose navigation uses images as links. Whenever an image link is created I want to slide the content in a <div> coded content which is located away from image. I want the slider effect for three pages. image1----home page image2----contact image3----services Please don't give me tabbed slider which I saw in many websites. I am new to jQuery. So,give me examples or any website that gives tutorials or software for this. Please help me....
select first element from current one with certain class
Hi, I'm new to jquery and I have a problem. here's the one of example codes from documentation: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.5.js"></script> </head> <body> <p>Hello</p> <p class="selected">Hello Again</p> <div><span>And Again</span></div> <script>$("p").next(".selected").css("background", "yellow");</script> </body> </html> Now, this works fine so far, but let's say I insert <b>Hello to you too!</b> between Hello paragraph and paragraph with class
Use selected index of a pulldown menu to change tha value of a text input field
Sorry for the length of this post but I wanted to explain the problem as accurately as possible. I have maintained the web site of a small art gallery as a volunteer for several years and am now converting the site to wordpress so the gallery can take over managing the site. The problem: I need to take an existing paypal membership form controlled by javascript (seen here) and find a jquery solution. The membership form uses the pulldown menu's selected index to change the amount of the donation.
How to change a slider size and center it in a div?
This is the code that generates my slider: div1.append('<div class="slider">\n'); div1.append('<label for="hour1">Hours:</label><input class="mimetic" type="text" id="hour1" maxlength="2"><br>\n'); div1.append('<div id="hour1slider"></div></div>\n'); $("#hour1slider").slider({max:24,step:hoursstep,slide:function( event, ui ){$("#hour1").val(ui.value );}}); The matter is, the slider fills all of the horizontal space it can. I found that I could resize it by setting a max width to the #hour1slider
Problem in $.mobile.changePage
I was using $.mobile.changePage("sample.html", "slide"); method to load pages and I m trying it along with phonegap. The problem that i m facing is. If I modify the code in html page or else if I give some wrong script in jquery, as expected the $.mobile.changePage is not working. But after I m clearing my mistakes in jQuery/html pages, $.mobile.changePage still not working. After I m doing some zigzag things like deleting application, restarting system its working. I am trying with try catch too.
Debugging injected scripts
Intro: In jQuery Mobile, I can define "mobile pages" as divs with data-role=page. These can be stored in other HTML files, and injected ad-hoc into the main HTML page. In such a div I can put a script tag like: <div data-role="page" id="some_id"> <script type="text/javascript" src="MyScript.js"></script> ... </div> and that script will also be injected into my main page. Important note: I'm writing my scripts in script files and reference them from the HTML (see above snippet). I'm NOT writing
Links bug when "defaultTransition" set to "none"
Hello, I'm developping an Android/iOs webapp, and to improve performences, I choose to set "defaultTransition" to "none". When I changed it, all my links are bugged : it's like I make a double tap on it, and it change 2 times of page. I think the attached draw is clearer than my explainations... Is there a way to fix it? Or should I set the defaultTransition to another value ? Thanks for your help ! Tom
Next Page