Resizable select box, size attribute value updated on resize event
I'd like to make a select box that is resizable (using the 'resizable' script) and also modifies the native HTML select's "size" attribute. When a select's size attribute has a value of "1" (or no value at all) it displays a button on the right of the box (the down arrow); clicking that button causes the option list to overlay the page. If the size attribute have a value of greater than 1, the select does not show the button; instead it behaves as a multi-select box (without allowing multiple selection)
listview("refresh") not working from 2nd item in the list.
I've "continent.html" with two list items: <ul data-role="listview"> <li><img src="A.png" class="ui-li-icon"> <a href="countries.html?c=a">Asia</a></li> <li><img src="E.png" class="ui-li-icon"> <a href="countries.html?c=e">Europe</a></li> </ul> "countries.html" consumes JSON and populates the list: <div data-role="page"> <script> $.getJSON("http://api.somewhere.com/countires", function(data) { $('#catList').empty(); $('#catList').listview(); $.each(data.DATA, function(index, item) {
Expand and Hide a section
Hello, I created a Expand/Hide toggle for my About Me section. I used the following codes below. How do I make it to default the About Me section to Hide first instead of Expand? Attached is an example. Attached is all the codes for the page. <div class="app-box" id="about-me"> <div class="app-box-menu toggle"> <a class="app-box-menu-icon" href="javascript: void(0)" onclick="joms.apps.toggle('#about-me');"></a> </div>
Layout Containers?
Hello All, I've recently come in from Silverlight-land, and I'm investigating HTML5 (I'm formerly a script/html developer). One of the issues of html/css that really bugged me was positioning and alignment, and I'm wondering what has been done (if anything) in this area. I really like the look of jQueryUI. It's obvious the designers behind this framework (dare I call it that?) know what they are doing. I've grown accustomed to using layout containers in Silverlight and WPF. I also see that
remove() not chaining
I've discovered, that remove() function can't be chained, as it runs before other functions in chain.Is it done on purpose? I believe that calling remove() as a callback, is much more clumsy, than chaining it. Am I wrong?
Change global options doesn't work, loadingMessage
Hey, I'm doing this: $( document ).bind( "mobileinit", function () { $( function () { $.extend( $.mobile, { loadingMessage: "cargando", backBtnText: "Atras" } ); // $.mobile.loadingMessage = "cargando"; // $.mobile.backBtnText = "Atras"; } ); Doesn't work, still the "loading" text appears, why? is this a bug? I'm using jquery mobile alpha2. Thanks.
form to subscript a newsletter then send email for confirmation issue
I try to create form to subscript a newsletter using plugins and the $.post() function ,but the URL outside the server http://rissc.jo/mailings/subscribe.php to send me an email if it receives the data but it doesn't work, here is the code <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>jQuery validation plug-in - main demo</title> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <script
problem with jquery-1.5.2.min.js and JSF rich:modalPanel
Hello, I'm developing an application using Jboss Seam ( JSF, richfaces ...) i have a page that i integrate Jquery to add drag and drop flexibility...I'm facing a problem with rich:modalPanel; when i add jQuery to my xhtml ( <a4j:loadScript src="/scripts/jquery-1.5.2. min.js" /> ) ; i can't render the rich:modalPanel (popup) ; it seems that it is a conflit between Jquery and loading rich:modalPanel...can someone have an idea to this problem ?
Problem with datepicker
Hello, I have a problem with the jquery datepicker. I'am using it in an asp .net page. It works alright, but when i try to set the value of the coupled textbox (datepicker.text = "12-12-2012") the textbox stays empty. Any ideas? Best regards, rvlune
Supersized jquery plugin
Hello Everyone. I am not sure if you have seen the supersized plugin but its a great piece of development by a guy called Sam Dunn via build internet. Its got great full screen features for galleries. I have been trying to develop this a little further for myself and for my specific requirements. I am not sure if anyone knows how to create a cue for the images to slide into view with this plugin or not because at he min the slides just slide across right next to each other. Does anyone know how to
content slides out and new comes in when menu link pressed. help.
Hallo there. Im a bit new to all this jQuery, but i really want to learn more about it, and get to know it. so i got this friend of mine who have made a design for me. the ideer with the design is that there is a large backgroundimage on 3040 px wide. and there is 3 pages. The function i want is the following. when a menu link is pressed the content box floats out of the window to the right, and the window rolls over to the content assigned with the link. how would i make this in the best ways? ive
i want to get height of page, when page maximize or minimize.
i want to get height of page, when page maximize or minimize.
datepicker with live
me a beginner in jQuery (or for that matter any kind of programming), so please bare with me :) i have a ajax form in which i'm using datepicker... i did findout that i need to use "live" event binder to enable datepicker is such a situation.. but no matter how i try, i still cant get it to work... somebody please help me... just a reminder - me a noob in programming.. :) thanks in advance.. prashant.
JQuery code is not working on web pages.
Hi All, I am new to JQuery. I have created an web based application on ASP.net in VS2010. In this, there is a master page Site.Master and that master page is applied to all pages in that application. In default.aspx, I have written code using Jquery is: $(document).ready(function () { $("#accordion").accordion(); }); This code does not work on default.aspx. When I moved this code to Site.Master is start working. Can someone please resolve my this problem? We can not write all code
Can I dynamically set the Z-index value?
http://www.gravitation.com/ When Someone click on two button sin center it loads the side pages. I want to add more pages. I know very little about JavaScript. But I learn this one and able to add more pages. But when clicking on other pages it will take ne page but under already excisting page. I want to add functionality so that when for example click on a link, one page slide to the left. Then I will click another page slide on th left. So here it either slides down above of the page or first
[jQuery] [datepicker] unique id for datepicker (ui-datepicker-div)
hello, Is it possible to assign some unique id-s when using multiple instances of a datepicker (DP) on a page? currently i'm tinkering with this timepicker (TP) ( http://milesich.com/timepicker/ ) because i desperately need a TP, but without DP. so far i managed to make only the TP appear, however, this TP is bound to the DP id (ui-datepicker-div ) so in a page where i have 2 DPs and 1 TP, the TP shows correctly, but the DP do not show. Thanks, Dan
Is this effect with jQuery? If so How do I do it?
Is this effect with jQuery? If so How do I do it? When you run the mouse pointer over the menu items a transparent image pops up and slides in from the right. How can I do this? Where can I get the code for it? Here is the site: http://www.valentino.com Peter
Handling DIVs for own effects
hi, now i've a question too, but i think it could be a little discussion. i have a litte function which takes the original dom element and "split" it to many stripes or boxes like: clone element, wrap element with div, place div absolute with smaller width and height to create a raster and then put a clone of the orginal element relative with negative top and left css rules so it should look as the original but splitted in stripes or boxes but when i animate those peaces there are spaces between
Mouse Over Right Side Menu with image slide on the left
Hi all, I need to know if there is an existing plugin which has menu items on the right and change the image according to mouse over event on the right side. Here is a basic demonstration : Thank you,
Problem with select element on site
Hi, I am testing a form with this mark up: <div data-role="fieldcontain"> <label for="select-choice-1" class="select">Choose shipping method:</label> <select name="select-choice-1" id="select-choice-1"> <option value="standard">Standard: 7 day</option> <option value="rush">Rush: 3 days</option> <option value="express">Express: next day</option> <option value="overnight">Overnight</option> </select> </div> When I select one of the options, the entire site
rounded corners ?
Hi, I am new to jQuery (loving it so far!) and I'm not sure if this post is an 'idea' or a 'question'. But here goes. I'm a fan of rounded corners as they make a big (if subtle) difference to presentation quality. Is it possible to use jQuery UI to display rounded corners on various things, such as input boxes, tabs, divs, etc.? Nothing too amazing, just simlpe rounded corners like those on the navigation bars of this web page. For example is there a 'rounded: yes' or 'corners: rounded'
redirect from code behind
Hi! I have a code similar to the code in the example below: http://www.aspxcode.net/free-asp-net-sample-source-code.aspx?Topics=How%20to%20use%20Response.Redirect I want to get this to work in jQuery Mobile. When I put the headers in the code it stops redirecting: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
Warn if form was not changed
Hi, I want to warn the user, if he modified a form, but leaves (e.g. clicks on a link) without saving. On the net I found this: http://misterdai.wordpress.com/2010/06/04/jquery-form-changed-warning/ Is this the way to go, or is there a better way? Thomas
Should I use jQuery Mobile for new development?
Hello. I'm now looking for a solution for mobile web application development and jQuery mobile seems like a perfect fit. However, the issue of MobileSafari address bar dropping down between transitions is a major one. And considering the fact that it is present for quite a long time and no official fixes are suggested, I need your opinions: would that be a right decision to start an application development with jQuery Mobile right now? I'm okay with the fact that it is alpha, but not okay if the
jQuery.jstorage.js error in ie6 when 'Binary and script behaviors' is disabled
My client uses IE6 with 'Binary and script behaviors' disabled. This option is not configurable as it is set as part of the security settings in their domain. An application using jQuery.jstorage fails on line 194: _storage_elm.load("jStorage"); (the Load method does not exist) is there a fix or work arround for this issue? Regards, Sean Worlock.
Clearble Text Field plugin, looses focus in IE7 & IE8
Hi, Using the Clearble Text Field plugin v0.3.2 and have come across a problem with IE7 & IE8. The first time a text field with clearableTextField is used, when then 1st character is typed the text field loses focus. Futher uses are fine till page is reloaded. Works fine in Firefox 4, Chrome 10, Safari 5 and Opera 11 I created a very very simple page to rule out anything else on the page and still the same. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Disabling one JQuery if another one is used
Hi, To begin, I'm a novice at this. I'm using 2 JQuerys on a page - $(document).ready(function() { $("body").css("display", "none"); $("body").fadeIn(2000); $("a").click(function(event){ event.preventDefault(); linkLocation = this.href; $("body").fadeOut(1000, redirectPage); }); function redirectPage() { window.location = linkLocation; } }); </script> <script type="text/javascript"> $(document).ready(function() { function filterPath(string)
jQuery throbber plug-in
Hello everyone, I am experimenting with the jQuery throbber plugin (http://plugins.jquery.com/project/throbber). It does not behave the way I would expect it to. My setup is as follows. I have a HTML form with a button. When the button is clicked, I initiate an AJAX request and would like to replace the button with a throbber. Upon reception of the response, the throbber must again be replaced with the button. The relevant jQuery code looks like this: // Prevent caching of the requested AJAX pages
POSTs not transmitted
Hello, I have problems with a jQuery script. At the beginning, the script displays 2 forms. When we click or write in one of the forms, then: - it adds a new line only if the clicked one was the last line, - it POST forms data of the line into a PHP file. But my PHP file does not receive any POST. $_POST result is :Array () Here are my complete HTML file (1) and PHP file (2): <script type="text/javascript" src="js/jquery.js"> <script src="js/jquery.min.js"></script> <table id="tab"></table> <script>
Does the jParallax plugin also work with a more recent jquery library than 1.2.6 ?
I 'm trying to combine multiple jquery plugins, including parallax. But when I use a recent jQuery Library, my parallax won't work. Does the parallax plugin only work with library version 1.2.6 or are there more recent library versions which i can use?
Right Pane Vertical Menu -> Left Pane Images Mouse over menu
Hi All, I'm looking for a menu that has tabs in the right side placed vertically and in the left side there will be images showing accordingly which menu item is mouse hovered. Please advice, Thanks
Superfish Menu Not Using Current State on Current Page
I've been able to develop a vertical menu system with Superfish Menus and have been able to style it. Unfortunately, when I click a link to a different page, it does not highlight the 'current' state on that page's menu item. Rather it just stays on the 'Home' link. Plus, after reviewing the code, after every menu I create there's a bunch of javascript code at the end. I've never seen this before in the past and am wondering why is it loading (and bloating). Rather odd behavior. Code: .sf-menu {
Where is themeswitcher?
The link http://jqueryui.com/themeroller/themeswitchertool/ doesn't work--where can I get the current version?
$.post returns data but does not display it
Hi guys, I need help with my $.post, it calls a php file which retrieves data from my database and should return a JSON datatype result. I checked on firebug, and it does successfully retrieve the data in JSON format. I however cannot get it to display on screen. I want to populate input fields with the result accordingly. Here's a chunk of my javascript: (this function is being triggered by a dropdown) function updateBillingAddFields(address_book_id) { jQuery.post("ajax_checkout_confirmation.php",
How to submit a handler to an HTML button to a function bound to it via the jQuery bind-function
Dear all, this is embarrassing - but I can't figure out how to do it: what I want to achieve is to design an elegant way to test a larger JavaScript code... for that purpose, I want to find a way to test several of my methods (and their results to different inputs). My idea is to create a simple document, in which several HTML buttons can be clicked by a user, and then each time on click call the same JavaScript function and submit an input to it (which needs to be defined in an intelligent way -
How to restrict UI draggable to the viewers screen
I have a draggable which is huge in width and height... 99% of the cases it will cross the users viewable area. I want users to drag to see the rest of div... (no scroll bars) but when they reach the end it should not move out of the viewable area and show empty space behind the draggable. It should stop at the edges of the viewable area... How can I achieve this using draggable... I have already implemented draggable but it allows the user to move beyond ends of the draggable DIV... Here is a nice
how can i prevent jquerymobile from putting the ... too early on a list item
http://screencast.com/t/6hfPFurn If you look at this pic, you can see there is plenty of space left. Ideally, i'd like the text to run all the way to the right or even runover onto second line. Thank you, TF
plugin doesn't always instantiate
Hi Everyone, I am working on my first plugin called Filmstrip and I can't seem to debug why when you call the plugin, it doesn't always instantiate, therefore rending nothing. As best practice, what should I be doing to ensure that when my plugin is called, all the info that it needs is available and/or always works? - should i create a timer to ensure it has what it needs? - should i include a preloader? any suggestions would be greatly appreciated; i think this link can show you what i mean: http://jquery.marlonvalenzuela.net/filmstrip/
jquery tabs - how to disable ajax
I have rolled my own ajax call triggered to the select event since I need to return some form post data with the ajax call. How do I disable the standard ajax call within the tabs module? I don't want to be making unnecessary roundtrips to the server.
jQuery Cycle - set slide based on current hash upon refresh
Hello, I am using the cycle plugin for an overall navigation. I am happy that it's adding hashes although opon refresh it defaults to the 1st slide. Can we set the index slide to the current hash? Can the current slide based on the hash be viewed based on URL as well? Will this idea fix both those problems? thanks! function setSlide(index) { $('#slider').cycle(index); }
Next Page