UI Tabs : perform action before changing tab
Hi all, I've got a small issue maybe you can help me. I'am using tabs with ajax loaded content. In these content I've got forms, and form values are being saved in session every 30 seconds. I've got a js function autosave() being triggered every 30 seconds, but I also want that function to be triggered when I change tab. I added the autosave into the select: of my ui Tabs, but I only want the new tab to be loaded only after my autosave is complete. Could you help me do this? here is what I've got
Can anyone help me to simplify this code please?
Hi all the gurus!! Does anyone know why IE doesn't read this code? it returns NULL lol var imagePath = $(this).parent('div:first').find('img').filter(function (index){return $(this).css('display')=='block';}).attr('src').replace('.jpg', '_bw.jpg'); Thanks heaps!!
How can I use jQuery in my javascript plugin?
Hi, I've been working on a javascript plugin, which can be embedded to any page without making any confliction. (Such as meebo or wibiya) I want to use jQuery in this plugin, but I could not find how to embed. Maybe I could add jquery file to the header of a page, but there could be another jquery file already in the page. how can I avoid confliction between 'my' jquery object and 'their' jquery object?
Search 3d Array w jquery
I like to have a search function that is "SQL LIKE" type on the locations array. I did one simple function using a loop, but it is an "exact phrase " search so one have to write exactly the same as the value in the array for a hit. I would like a more "blury search" that hits all containing that search value.. for example search for 11111 will hit values 11111 A 11111 B 11111 C Now one have to search 11111 A or no hit.. To make things more complicated the array is 3D like the "locations" /"markers"
Come help me and get paid
So yeah im currently doing a project , im almost done , just missing couple of thing , is there anyone who could assist me with my questions via Skype , msn , ventrilo or anything like that? I could make a donation via Paypal for it , Thanks
Use draggable & droppable in a table
Hi all, I'm trying to use draggable and droppable methods in a personnal website but having some problems... My objective is to move content of a cell to an other cell as many times i want... For now I can move this content, drop it to an other cell, move the new content but i can't drop it again anywhere... Each cell look like this : <td> <div class="cell ui-droppable ui-sortable"> <div class="postit ui-draggable"> THIS TEXT CAN BE MOVED </div> </div> </td> My
jQuery Form Plugin with file upload: succes callback not triggered
I'm using the jQuery Form Plugin in a Java application to upload a file. This works fine for the most part: my form gets submitted and the proper servlet executed, allowing me to save the form data including the uploaded file. I'm struggling with the after submit handling though. If I understand it correctly, in case of a file upload I must wrap my json response in an html <textarea>. What I don't grasp, is how to proceed from there. How do I obtain the response in my js script and handle it there?
problem creating a dialog box with specified number of contents visible
hi all i am trying to create a dialog box, now the content of this dialog box is nothing static, it will be loaded dynamically at the time i call this dialog box. i am able to call this dialog box, i have a table with an id to which i add one row at a time dynamically. here i am having the problem, i want only 10 rows of that table to be visible, but i am unable to set that thing. if i change the height to be relative, it wont show on UI, but when i click on the dialog box, the dialog box size increases
jQuery Mobile app. deployment
I'm trying to understand the options for deploying jQuery Mobile applications. I know I can host files on a web server and access them from mobile browsers. Is there also a way to deploy them on mobile devices so they can be used when the device doesn't have an internet connection? If so, can someone point me to documentation on that?
How to use a datepicker?
The datepicker I want on my page needs to be regionalized and when the user selects a date, the selected date should be displayed in an alert. Seems quiet simple. I tried with the following code. The selected date is shown, but the regional settings are not applied to the datepicker: $("#myDatepicker").datepicker({ onSelect: function(dateText, inst) { alert(dateText); } }); $("#myDatepicker").datepicker($.datepicker.regional['nl']); When I switch the statements, the behavior
Jquery context menu doesnt appear in safari on mac
I am facing an issue with the context menu.my context menu doesnt appear in safari on mac.it shows its default menu.my context menu works in firefox on mac and all major browsers on xp... Plz help me out with any available fixes..
Multiple options of Datepicker with dynamic date selection
Hi, I am using datepicker multiple times on one page and want to be able to control the date range of each input dynamically and not rely on the hard coded javascript. $( "#datepicker_1" ).datepicker({ minDate: -0, maxDate: "+2M +0D", dateFormat: 'dd/mm/yy' }); so looking to pass the variables from the input field to the javascript, variable to be changed dynamically are minDate and maxDate is this possible? Thanks.
Jquery ajax
i made a instant update feature on my web page with a ajax call using jquery.. <script type="text/javascript"> function getRandom() {var instant=$.ajax({ url: "instant.php?fetch=1", global: false, beforeSend: function(xhr) { xhr.setRequestHeader("Connection","Keep-Alive"); xhr.setRequestHeader("Keep-Alive",true); }, async: false }).responseText; if(instant.length>6) { $('#instant_server_push').html(instant); $('#instant_server').show(50); var wall_id=document.getElementById('wall_childid').value;
contextmenu doesnt show up in safari on mac
I am facing an issue with the context menu.it shows the default contextmenu in safari.this problem is only with mac...it works fine with firefox on mac n all other browsers on xp... Plz do reply with any available fixes..
Editing Jquery dialog
Hi All, I have web page on which i have add button on click of add button it opens dialog box where i have some date to be entered after antering the data all the data will be saved as table format for every column and row of the table we have a hyperlink and when we click on it should open the dialog with the data entered ,so we can make changes to the data entered,can anybody give me solution for it. Thanks
stop internal div from firing event associated with external div
Hi, if I have a button within a div, how do I stop the internal button clicks from also triggering the click event on the surrounding div? Here's the div and button: <div id="externalDiv" class="ui-li ui-li-static ui-btn-up-c"> <h1>When the user clicks the button, I do not want the external click event to fire</h1> <div> <a href="#" data-role="button" id="internalButton">Internal Button</a>
changing pages
I noticed there are some problems when changing pages. changing an iframe src then doing $.mobile.changePage() things go screwy going back doesn't always work properly But then I noticed a pattern when I visit my site from dev.example.com/ those bugs appear. But ... iFrame problems go away when I visit my site like dev.example.com/?mobile=1 or dev.example.com/?aoeu I ignore "mobile", and "aoeu" part. I think this may be a corner case in jquery mobile plugin. Replicating is easy: Have a html file
Select menus - demo of "too long list" not working (FF/Safari)
See the jQueryMobile demo page: http://jquerymobile.com/demos/1.0a3/#docs/forms/index.html and choose "Select Menus". Looking at the first two examples on that demo page: 1. "Select Shipping Method" - I can select a shipping method from the small pop-up list (eg: "Express: next day") and then press the page's "Back" button. No problem 2. "Your State" - this is a problem. I can select a state from the long pop-list (which jQueryMobile displays on a new page because it is too long). Everything looks
Mobile theme formatting not applied to tempate
I'm working on a mobile app with which I'm hoping to use the jQuery Template (tmpl) plugin. The app retrieves JSON data from a web service and then uses a template to layout the data. The trouble is that mobile elements (e.g. the slider) are rendering as browser native, rather than the Mobile themed version (please note: I am not testing this on an actual mobile browser, but in the chrome desktop browser). Refer to the attached screen shots: Mobile_Load is the layout when not using a template Mobile_Template
Selectors for clicked element
I have an html file that looks like the following. --------------------------------- <div id="outline-container-1_1" class="outline-3"> <h3 id="sec-1_1"><span class="section-number-3">1.1</span> Counting </h3> <div class="outline-text-3" id="text-1_1"> <p>this is the first CONTENT that is hidden and shown by clicking.</p> </div> </div> ... <div id="outline-container-1_1" class="outline-3"> <h3 id="sec-1_2"><span class="section-number-3">1.2</span> Motivation </h3> <div class="outline-text-3"
Creating a Tree and Table view
Hi, I have to display a complex hierarchy. The best way I have found to do this is to have two panels side by side. The right panel would have the Tree view and the left would have the Table that would list the items in the currently selected Tree Node (Kind of like windows explorer.) I have two, rather weighted questions. 1) Is this the best way to display complex, hierarchical information, or is there a slicker way to display this sort of data? (basically have files in different levels and those
How do i prepend to a div loaded via ajax?
Hello, As the title says, im having problems trying to prepend data to a div that im reloading with ajax. I understand that because this instance of the element does not exist when the dom loads, i probably can not simply use the prepend call. With for example, with the click command, instead of: $('#button').click(function(){ //click function }); i can use: $('#button').live('click', function(){ //click function }); which lets me bind a click function to an element that has been loaded in with ajax.
jquery light box wont work need help to complete portfolio website.new to jquery
<!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>Untitled Document</title> <link rel="stylesheet" type="text/css" href="portfolio.css"/> <link rel="stylesheet" type="text/css" href="style.css"/> <link rel="stylesheet" type="text/css" href="magicalHover-01beta2.css"/> <link rel="stylesheet"
cant get jquery lightbox to work
<!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>Untitled Document</title> <link rel="stylesheet" type="text/css" href="portfolio.css"/> <link rel="stylesheet" type="text/css" href="style.css"/> <link rel="stylesheet" type="text/css" href="magicalHover-01beta2.css"/> <link rel="stylesheet"
minimize/restore for a table
I saw minimize/restore pluign for jquery dialog, I need one for a table is there anything avaliable ?
Mouse over tag for share icons
Could anyone provide sample codes for making mouse over tag for share icons ? just like the share icons as below link http://news.cnet.com/8301-13579_3-20037907-37.html?tag=topStories1 I mean , once mouse over the share link , there will be a list of drop down icons for linking other pages, it is only disappeared when pointer moves out of its area . Thanks in advance .
jquery validate
hello world, I'm french and I do not speak very good English. Excuse me in. how to have the opportunity to put a basic text(first value), like "enter a field" in an input and that the validator regarded as if no one had put. like this
jquery validator. I need a help !!!
hello world, i'm french, and i don't speak a very good english. excuse me in. How to ask the validator does not take into account the default value of inputs, such as "Enter a field " and to act as if it was empty? Concluded that when the value is "Enter a field" that the validator gives me "This Field is required! thanks
Cannot navigate using list items
Hi guys, first post, great framework. I've noticed when using list items for navigation, the user needs to click on the text to move to the next page. I assume this is because the anchor tag only spans the length of the text. Is there any way around this problem? <li><a href="foo.htm" data-transition="slide">Foo</a></li>
Selector for flash video?
My site plays a video clip using VideoJS. I’ve placed a div over the video window with absolute positioning. A jQuery statement causes the div to hide when the video is clicked to play. This works in Safari, Firefox, and Chrome which all use the <video> player but not in IE which plays the video in Flash, using flowplayer. The jQuery statement: $(document).ready(function(){ $('div.video-js-box, object.vjs-flash-fallback').click(function() {$('.video_title').animate({opacity: 'hide'}, 1000)
Background color less high then the device screen when little content on one page
Having upgraded to Alpha 3, the grey background that used to cover the entire screen (also when there was only 1 word in the entire page) now only covers the top part. Of course, when there's a more content than fits the screen this problem does not exist. I see this on iPad and Chrome, not under Android (lower resolution) Am I missing something or is this a new, obvious bug gone unnoticed?
Extracting a to and from date from datePicker
Using the datePicker range how do extract a from date and to date so I can us them as parameters to send to a Stored Proc? This is the code I used to build the datePicker. It work fine. <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Select a Date Range</title> <link type="text/css" href="/css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="../js/jquery-ui-1.8.10.custom.min.js"></script>
jQuery and Andriod
Is it possible to use jQuery on the Andriod platform? I am making a Javascript based game using jQuery and it works fine on Apple iPod/iPhone/iPad. However, Andriod gives a syntax error on a random line (it changes per refresh) of jQuery.js. Or is there a mobile version of jQuery (not jQuery Mobile...don't want the interface)? I tried using the newest version of JQuery as well as 1.2.6. Any help in this matter would be greatly appreciated.
DIV question
Does jquery offer a way to show whether a div is hidden or visible? I have a routine where the div is getting hidden when it should be visible and I am trying to create a debug to show the current setting of the div
Dialog UI with html text
I am new in the JQuery world. My queation is how can I put in html code into the dialog box? Cheers Daniel
Cycle Plugin Propertys
Hye, Iam using the cycle plugin with a 'scrollRight' as the FX. Is there a property that allows me to slow down the transitions when they are ending. Just like the "easyOut" in Flash that can be set with a value (0-100%) that slows down the animation more and more as it reaches the end. If so..Whats the name of the property and are there any extra plugins required like "Easing Plugin". Any help would be great!!
list item with icon not rendering correctly when added dynamically
I'm trying to dynamically build a list where each item has an icon. When I try static html such as: <ul data-role="listview"> <li> <img src="images/dot.png" class="ui-li-icon"/> <div><a href="#">some content></a></div> </li> </ul> everything is fine. When I inspect the <li> element it has the "ui-li-has-icon" class. However, when I try to dynamically add the same list item, the "ui-li-has-icon" is missing from the list of classes in the <li> element. This is
Call a jquery plugin method once started?
Hello, I'm using a jquery plugin that create a fance dialog box when clicking on a lick http://plugins.jquery.com/project/simpledialog it works really well. But what i'm trying to do it's this: - i click on a link --> it loads that the dialog via a ajax call (href="test.html") - the content of test.html is loaded and poped - in my html coontend i have put and other link (lets say: <a href......blbla> I would like. that when i click on that lick the onclick method close the popup. the close method
href and onclick not playing nice in mobile safari
a test as simple as the following is not behaving as expected (show the alert) on iPhone/iPad. Works on all other browsers and also the iPhone simulators. <a id="trigger_a" onclick="return false;" href="jsnotworking" > <h1>Click here</h1> </a> <script type="text/javascript"> $(document).ready(function(){ $("a").click(function(event){ alert('now!'); }); }); </script> Does Mobile
Quick question about saving a page.
Anyone know how I could save a page which has some pictures that can be resize and drag ( with draggable and resize plugins) ? I tryed to save the page the default way ( go in page , save page as ) but when i try to open it, I cant move the pictures anymore, so I guess it's because the page lost the ID of the pictures and the variables of the page? Is there anything I could do about it? I read couple of post about cookies but I need to store those files on my server cause the client need to get that
Next Page