Datepicker with icon trigger
Hello, When I use the example datepicker with icon trigger all is fine but when the user clicks on the textbox I also want the calendar to pop up too, just like when the icon is clicked. Does anyone know if this is possible and how can I do this ?
Galleryview and mosaic blend?
I’ve been trying to merge this mosaic plugin from http://buildinternet.com/2011/03/mosaic-sliding-boxes-and-captions-jquery-plugin/ with galleryview from http://spaceforaname.com/galleryview to get this example: http://www.forbes.com/2011/03/30/porsche-toyota-bmw-mercedes-business-autos-best-liked-cars_slide_2.html. The result I wanted is an gallery that let you browse through the images and when you hover over the image, the captions pop up. Galleryview doesn’t have ‘pop-up’ captions and I couldn’t
Another step in making my large slider
Ok, I posted before and got some good direction to move in but again I am stuck. I have an image slider that is made up of images from the wordpress gallery function (i am SOO much better at PHP than javascript). I have the output of the gallery to be like this: <div> <ul> <li>image</li> <li>image</li> <li>image</li> <li>image</li> </ul> </div>The div is supposed to work as a window where the overflow is hidden but I have it set to be 100% of the browser width. The goal is to slide through the images
How to make multiple items blink that are not yet in the DOM
I have a function called blink: function blink(strObject) { $(strObject).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100); }; I load a lot of new HTML into the DOM with the LOAD function, and then I want some of the DIVs in it to blink on and off for almost a second. I could do the following: $("DIV.ContainerPanel > DIV.collapsePanelHeader > DIV.ArrowExpand").each(function() { blink(this); }) but it would not work on content loaded via the DOM unless I mix it
Question about .height()
Shouldn't these return the same thing? DOM height theImage.get(0).height 164 jQuery height theImage.height() 0 Here is what the image refers to (actually a much smaller image for brevity) theImage [ <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAPklEQVQIHWP8//8/AyHAREgBSJ4FpoiRkVEIyM4HYmuo2FGgLfVgNsg6qJWFQAGQ3XAMk2OEKoBqxk4R5SYAraobZjXAhjEAAAAASUVORK5CYII=">]
Accessing the Cluetip REL url
Newbie question that infers a potentially interesting feature (to some). When I mouseover to invoke a cluetip using, as an example, the html text below, all is well: <p><a class="jt" href="w:/1TUF-WEB/glossary/parsedtextpages/53/53-1/53-1-5.html?Abaddon" rel="w:/1TUF-WEB/glossary/parsedtextpages/53/53-1/53-1-5.html?Abaddon" title="Abaddon">53:1.5</a></p> And, I know I can modify the cluetip (page) result, prior to display, by making changes in jquery.cluetip.js just after the ajaxProcess: (around
Media plugin difficulties
Hi all, I'm trying to get the media plugin to work on my server. I've stripped down the demo code and the player doesn't show. I've tried different version of the js and have the latest version downloaded to my server. I even added the document ready to make sure nothing was hanging. I'm sure I've done something really stupid, but I want to understand how to use this plugin properly. Any thoughts would be appreciated. Thanks Jay Here is a copy of my stripped down code. <!DOCTYPE
JQuery slideshow tripping up
Hi I've created a jquery canvas slideshow to apply image filter while running the slideshow, everything seems working fine but when I apply filter to the image, slideshow does'nt load other slides and keep loading the same slide. to have a look at the problem click the link pls: http://mi-linux.wlv.ac.uk/~0819487/MySlider/mySlider.html Any help you guys could give would be appreciated. Regards
Usin ajax get ...
Perhaps a very silly beginner question; i´ve gone thru a few exaples of the 'hello world' equivalent for ajax; the classic example having main.html with div id="main_panel", then having ON THE SAME folder of the main.html file, the few files for getting via ajax and then render it´s content inside div id=main_panel and so on, happy with that; my question is: All of those examples, always get those 'few files', lets say, one.html, two.html, and so, in the same folder where main.html resides; I want
2 Themes on one page | Buttons not always present
First off. New to JQM and am loving it. FIRST QUESTION: Is it possible to have the use of two themes on one page. Obviously since it is a theme, I assume that once you apply it to the layout, it is set, but I was trying to $htmlout_body .= "<li data-role=\"list-divider\" data-theme=\"c\">" . $s_time_12h . "</li>"; dynamically change what theme was being used on certainly elements. I am sure I could throw some style="" code in the line above and manipulate it that way, but would rather stick
Backward Compatibility with 1.4.1 for Visual Studio with JQueryUI 1.8.12
Hi, I'm new to JQuery and pretty new to Javascript in general. I have a question about running the current version 1.8.12 which I downloaded and came with 1.5.1.min.js with the current version 1.4.1 which comes with the intellisense docs for Visual Studio. Am I forced to go to 1.5.1 for JQueryUI and give up intellisense? or Can I reference the 1.4.1 library or does 1.8.12 need the 1.5.1 to operate normally? or Can I somehow target a specific version of the javascript on the page? Again, I'm new
equivalent to jquery UI "slidestop" event
I'm trying to use a slider to navigate between pages. Dragging the slider changes the "page destination" = aria-valuenow . Releasing the slider should fire a changepage event to the selected destination. Works fine on desktop with "mouseup". On mobile, I'm stuck. Jquery UI "slidestop" doesn't seem to work and the other JQM events don't really fit. Thanks for any ideas. Here is the code: $('.statusBar .ui-slider a').live('mouseup slidestop', function () { goto aria-valuenow-page });
Question about show/hide DIV
Hi all.. I have a code that allows me to show/hide a DIV and works great.. However I'm completely clueless as to how I would have multiple links. I'll explain a bit better. Basically, I want link 1 to show/hide DIV 1, then link 2 to show/hide DIV 2 in the exact same part of the page, and so on with DIV 3, 4, 5 etc. Also, when DIV 2 is clicked, I would need DIV 1 to close with the same effect it would have if I clicked its own hide button, then DIV 2 to open once DIV 1 had finished closing, does this
How to navigate from usercontrol to webform using jquery ajax?
hello. we could redirect from webform to another webform by using jquery ajax , but we had problem with navigating from usercontrol to webform with arguments .(we used webservice to do this operation but it doesn't work too) plaease help me.
How to navigate from usercontrol to webform using jquery ajax?
Hello Dears The autocomplete Code that is related to dropdownlist which is inside an usercontrol , passing the parameters to a webService. through jquery ajax was impossible .so we had to call webservice using namespace, but under som condition it failed so we were forced to use webservice instead of webform but the below code failed too: $.ajax({ type: "GET", url: "/pages/ClientChangeManager.aspx", dataType: "json", data: "{}", contentType: "application/json;
Amateur Night
Not sure if this is the right place to ask, but I currently have these two events (?) in numerous links within a page... onclick="NewWindow(this.href,'rank','350','140','yes','center');return false" onfocus="this.blur()"It works fine, but it is repetitive, it is in numerous links. It seems bulky and I don't like it. I think I have two questions. 1 - Can/how do I do the above events with JQ? 2 - How do I run the script in the doc head so each link can reference it, instead of bulking my code by having
JQuery's WYSIWYG ... Please, need advice.
Hello, I am looking for a lightweight WYSIWYG editor based on JQuery if possible. Is the one of this forums available anywhere? And what other options do I have? I would like something lightweight and customizable (with CSS) both in appearance and functionality. By looking at this forum's WYSIWYG the only new features I would need would be: 1. See the Html code and edit it in a popup window; 2. Define a Header tag; 3. Localized. 4. And maybe maximize it. I have been using TinyMCE. Is great but really
i want to combine 2 script together
i see a fading script here http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/ and i want to use in this menu http://users.tpg.com.au/j_birch/plugins/superfish/#examples so that in first level item by image that every item is Special how can i do that?
Can anyone give an old vb asp guy a bit of help trying to get his jquery on?
thanks for looking... believe me i have tried searching for an answer for this,,, but i guess i must now seek wisdom from the forum The line of code - $("#quote p").load("dbtester.asp?payor=" + $("#payorname").val()); doesn't like the selector payorname value having any spaces in it. If I sumbit with only one word in the input box then it works fine. Problem since i want to use this to write stings of info to db (not just one word at a time) :) For example: if I submit using the string "Bobby
JQuery slidehow moving forward to the first pic
Hi there, I've just finished another slideshow, but is there a possibility to make a slidehow go to the fist DIV without sliding back. It should be way better when it appears to slide forward just as the other animations. Many thanks, Jelmer
click on a div
Have a small problem. I'm set jquery to respond to clicks in all div .. like this: $(document).ready(function() { $("div").click(function() { alert("klikk"); }); }); So do I have a html that says something like this: <div style="width: 200px; height: 200px; border: 1px solid #000" id="forste"> <div style="width: 200px; height: 200px; border: 1px solid #000" class="andre"> <div style="width: 200px;
datepicker - disabling past dates
Hi, I want to be able to disable the ability to select past dates with the datepicker, I believe it has something to do with 'min date' but cant work out how to so it... here is my code so far: <script> $(function() { var dates = $( "#from, #to" ).datepicker({ dateFormat: 'dd MM yy', defaultDate: "+0d", changeMonth: false, numberOfMonths: 1, showOn: 'both', buttonImage: 'contact/calendar/calendar.gif',
JQuery.Form plugin - form.submit() not using the plugin
hi all! i'm using the Jquery.Form plugin (which is f%^*ing awesome), but i have a little problem, and i don't see the answer in the docs for it. i want a checkbox to perform a form submit onchange, using the form plugin. i have this in the checkbox: onchange="this.form.submit();" and when the checkbox changes, it submits the form, but it submits the entire page instead of using the form plugin. but i thought the form plugin was supposed to intercept all submit() calls and do it's thing. so, what
How should I select this?
So I have a script that grabs data from an xml doc, and for every result it makes this tree whole header title social body graph etc... clicking on the 'title' would show/hide the body. Up until today the 'social' would be was under 'body', but tooday i moved it to 'header'. Previously I would select the body of each element use .next(), but now it selects social...I was wondering if there is some selector that I can use that will target
JQuery DatePicker conflicts with Validate
When I put the datepicker in my form the validation stops working. As soon as I had the following code, the validation stops working. I think its a conflict between them. What can I do to solve this? Date picker code: $('#data_nascimento').datepicker({dateFormat: 'yy-mm-dd'}); and the script lines: <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
doubt
Hello I have a doubt with jQuery, I have a virtual store and the codes that DUIs are: <! - include jQuery library -> <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </ script> <! - include Cycle plugin -> <script type="text/javascript"src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"> </ script> <script type="text/javascript"> Where I can not mucar the http:// to https: / / to use my SSL. Can someone help me, I'll
Problems with posting data to MySQL db
Hello. My name is Andreas otherwise online I'm Didair. But that nickname was already taken. So my problem is that when i press my submit button the site just refreshes. Here is my Jquery code: <script type='text/javascript' > $(document).ready(function(){ $("form#submit").submit(function() { var user = ($_GET["with"]); var textarea = $('#textarea').attr('value'); $.ajax({ type: "POST", url: "js/message.php?to="+
How to use DatePicker on Overlay?
Hi, I have an overlay as a modal pop up. There is a gridview on it and one of the field is textbox which should be a datepicker. But the problem is datepicker does not show up on overlay. How can I do this? Best Regards. Thanks in advance. Here is the sample code: var triggers = $(".modalInput1").overlay({ // some mask tweaks suitable for modal dialogs mask: { color: '#a1eaee', loadSpeed: 150, opacity: 0.8 }, closeOnClick: false
Problem with creating a simple jquery slide show - .append() method is too slow!!
Hello, i have created a simple jquery slideshow on a webpage. In that webpage i use php and i have a relational db,too. I use append in order to show the images and i notice that append is too slow! I have a div which consists of "href" . Every href is a link to an image. Also, i use .append() The code is as follows: <html> <head><title>SImple Jquery slide show - TEST</title></head> <body> <div class="div_photos"> //photos are shown here, by using append
Cloning doubling up
I am trying to add a row of HTML to a div whenever a button is clicked. I am using the following code: $(function(){ $('#add-item').click(function(){ $('#item-to-add').clone().appendTo('#item-container'); }); });This works perfectly the first time the button is clicked. Unfortunately, subsequent clicks result in a doubling of rows added (e.g. 1, 2, 4, 8, etc.) which is definitely not what I need. I tried creating a variable of the clone outside of the click event like so: $(function(){
External Link Not Functioning
Hi guys, I am trying to get a link to our non-mobile page to function. Here is my code, the last link in the list being the one I'm referring to. Can anyone help me out? The site goes live (fully promoted) in 24 hours, thanks for any help you can give me! To access the mobile site from a desktop: http://www.ohmedcann.org/?browser=mobile if you want to see whats wrong. <div data-role="content"> <center><img src="images/mobileheader.png" /></center><p/> <ul data-role="listview" data-theme="b">
How to make page scroll horizontal
My page has content that cannot wrap. It is a chart. jQuery Mobile just cuts it off. Is there anyway to make the page scroll like a normal page?
Position order in liste using Sortable
Hello, So i'm new on jQuery, i'll try to explain my problem. I've got lists that contains elements , and some of these elements can be lists etc... So you get something like this : <ul id="sortable" class="connectedSortable ui-sortable"> <li class="ui-state-default"></li> <ul id="sortable" class="connectedSortable ui-sortable"> <li class="ui-state-default"></li> <li class="ui-state-default"></li> </ul> <ul id="sortable" class="connectedSortable
Getting some lag when applying e.preventDefault();
$(".change_page").click(function(e){ e.preventDefault(); do_stuff(); });I noticed when I click one of these links, there is an ever so slight lag on all browsers. Maybe less than half a second, but it's noticeable. Now, when I remove e.preventDefault() and use return false instead, everything runs a lot smoother. Any ideas? Thanks!
Printing advice / best practices
I'm developing a jQM app that provides event schedule info (similar to the jQuery conference app that helped us get to the proper room to hear the speaker we wanted to listen to). So, I deploy my prototype and the first request I get is for some way to print the information! Nice - isn't the whole idea not to have to do that?? But it is a legitimate request - at least until I can provide the information while the mobile device is not connected to the web. My question: does anyone have advice about
horizontal text fit and scrolling
Hi, I have seen some other strugling with this also. With the default behavior of jquery mobile a text in f.e. a listview is truncated from the screen when it is too large (and no horizontal scrolling is possible). This can be solved by adding in the html style="white-space:normal". This is nice for text information, but you might not want to use this with f.e. button text or header text (and still no horizontal scrolling of the webpage is possible). In the data-role "page" I have added style="width:auto"
Switching between mobile website & normal website
Hello, I am implementing mobile site in jquery mobile & it will be having a button to navigate to normal website. So when user will goto normal website, he should be having option of going back to mobile website again How it can be done? Any help would be appreciated. Thank you.
Switching link address to Hash value
Hi all, not sure if this is something simple, when I started I thought it was, but am having problems now so am asking for some help! I have a main menu at the top of each page of my site and on one single page a Coda Slider. To reach each different slide you need just #1. #2 etc from within the Coda page, but to get to it from a different location you need www.sitename/pagename/#1 Now I cant have both versions in the menu. So is there a way to add some script, just to the single Coda Slider page
Multiple Cycles on one page (again)
Hi, I've been researching this problem for a while now, but can't find the answer. I get 100+ products outputted from a database with 2-6 images each. I want to use cycle with Pager to show the images for each product. My problem is that the pagers for each image cycle, connects with all the image cycles. I've uploaded the dev files here: http://casperholden.com/files/holden/ Each of these products have 4 images. I my jQuery looks like this $('.product-photo').cycle({ fx: 'fade',
Why is it so hard, the tutorials do not help a noob like me.
I want to try jQuery but have had no luck understanding the tutorials here on the offical site or elsewhere. I do not do any code work so this is probably why, anyway. I have started a new HTML page and have uploaded that and a copy of jQuery.js to my website DIR. I want to copy an example of code that I can at least get something to do something. Can anyone past some simple code her so taht I can try it out. Peter
Next Page