jquery new challenge can you solve it
I used slideToggle with a div which also use mscrollbar . mscrollbar link is here http://manos.malihu.gr/jquery-custom-content-scroller/ Problem: mscrollbar is not working properly with slide toggle.I used display:none for slideToggle but for useing display none mscrollbar counts the div is not displaying and not loading the scrollbar even after changeing css property display:none to display :block by slideToggle its not loading. my jquery is $(document).ready(function(){ $('div class name').slideToggle().css('display',
jquery html5 support?
I recommend future of jquery html5 support ===canvas Tag==== event -getContext -beginPath -arc -fillStyle -fill -stroke -more ===Video Tag==== event -play -stop -record -take photo -more ===audio Tag==== event -play -stop -record -more ==scroll value== -scrollheight -more ================
image swap
I am building an image gallery with jquery fancybox to show before and after photo-retouching. Is it possible to apply a roll over behavior to an image that is being pulled from the href attribute in the anchor tag? The jquery fancybox uses the following syntax to pull to load images <div class="grid-element"> <a rel="example_group" href="editorial/01_editorial_lg_on.jpg"> // large image <img id="grid-shadow" src="editorial/01_editorial_sm_on.jpg" alt=""/></a> //
Perfomance is bad while switching between the pages with jquery mobile
I was facing performance problem while switching between the pages.I went to various forums and added something like faskclick and more. First time, when i switch to different page, it takes around 3-4 seconds but from second time it is fast e.g. 1 - 1.5 sec. Now, sometimes, click does not work. Out of 5 clicks, only 2-3 clicks works. I am struggling to figure out what went wrong ? If you can help me out finding why click is not working and how to improve performance when using jquery mobile, it
iscroll freezes on last element of reload
The topic sums it all. I just started using iscroll and so far have only tested it on the iphone. Scrolling is smooth but I'm bugged by the fact that over 50% of the time especially in non safari browsers, the application freezes when it is loaded/relaoded on the last element and won't scroll at all. Anyone familiar with this and any idea why it happens or how it can be fixed?
images flying
Hello. I need to create a little animation of images flying away from the viewer (image attached). Can anyone suggest which plugin will do that? Thanks! Ron
return to same page location with data-back button
From my understanding, the first page is automatically cached so there is no need to add dom-cache true. When I'm on a secondary page with a long listview, returning to the listview refreshes the entire page and starts the listview at the top. The fix to this is adding dom-cache but that seems very inefficient. Is there another way to do this?
bored and tired. a lot of problems in different android
I must to develope an app to connect and work with a mysql database and I had decided to use JQM. (it will be easy! ha). two weeks later I have countless problems. I don't know a better place to write my sorrows. Let's start: I have an LG Optimus SOL (with CyanogenMod 7) and android 3.2.7 and app works (more or less) fine but it's time to enumerate the problems: MOST SERIUS 1) In a Samsung Galaxy Note (4.0.4) all the dynamic content doesn't display. I rewrite almost body with jquery. the body is
trouble with parent / child
I am attempting to make some changes on the screen when the user interacts with the quote price or the quantity of a line item. I don't really understand what I'm doing with parent / child, but I did get a little bit of traction. It's just not working. If someone can point me to a tutorial somewhere that would help me with parent / child examples that would be very helpful, or maybe you can answer my questions specifically. Here is some sample html: <table> <tr id="ABC123" sku="ABC123"><td
getJSON function works only when ajax page loading is turned off
I struggled with this so initially I gave up and turned off ajax page loading for jQuery Mobile ($.mobile.ajaxEnables = false;) and (data-ajax="false"). I basically finished my website but I REALLY WANT TO USE AJAX LOADING!!! My problem is when going from index.html (topics page) to news.html, and going from news.html to newstext.html, the javascript ajax calls, which should get data from my database and fill the page, aren't getting executed. There are no errors in the console. Here's my code...PLEASE
arrange images
Hy There are probably a lot of questions like this, but I couldn't find an appropriate answer anywhere. I want to make a site with a grid of images which can be arrange by date and kind. But! I just want them to arrange and no images should disappear! Can anyone just give me a hint where to find a suitable plugin or sth like that. Thanks a lot
Help validating multiple text fields with error messages
I am very new to JQuery. I am trying to create a basic form where the user will: type a name, enter comments in a textbox, click a radio button, click a check box. If the user does not do one or more of these things, I need an error message to appear besides the box or button on the particular area that is missing. I have everything working for the user name. I don't know how to work in that I need validation on all the other fields. I have tried adding another function below the first one, or adding
JQuery Dialog IE8 formatting issue
I think I have a JQuery Dialog IE8 issue. The JQuery Dialog works nicely in Firefox. Formats perfectly, close button is there and functions. The same code using the same stylesheet on IE8 causes the close button to disappear, the title disappers and the title background is white. This is driving me nuts...can anyone offer any suggestions on how to fix this issue?
Filter to hide divs without the class type?
I have a select menu like this: Show only: <select> <option>Red</option> <option>Green</option> <option>Blue</option> </select> I have divs like this: <div class="red blue">Lorem ipsum dolor</div> <div class="red green">Lorem ipsum dolor</div> <div class="green blue">Lorem ipsum dolor</div> When the user selects red, the third div above should hide. When the user selects green, the first div should hide. I hope this is clear; how do I do this in jquery? Also, a show all option would
JQuery Passowrd Validation
I am using jQuery validation with my asp.net controls. Everything is working great except for password matching. Even though I put in matching passwords it says they do not match. Here is the code <script type="text/javascript"> $(document).ready(function () { var validator = $("#MainForm").validate({ rules: { <%= username.UniqueID %>: { required: true, minlength: 6 },
passing html input value into jquery ui dialog ass variable
I have a html form with an autocomplete input field that open an jquery dialog. In this dialog i have an sql search that will need the value from the input box. How can i get the input in the Dialog box ass variable? Here is what i have: <!--autocomplete script --> <script> $(function() { $( "#searchImage" ).autocomplete({ source: "search.php", minLength: 1 }); }); </script> <!-- Dialog Script --> <script> $(function(){ $('#imageDialog').dialog({ autoOpen: false, bgiframe: true, height: "auto", width:
Send DataURl to webservice using Json/jquery
Hi, I am trying to save Base64 data in to database. But I am not able to send dataUrl to my .asmx file. -------------------------------------------------------------------------- Jquery ====== function UploadUserPhoto() { var Mycanvas = document.getElementById("tempCanvas"); var dataURL = Mycanvas.toDataURL("image/png"); $.ajax({ url: "LP18WS.asmx/UploadPhoto", contentType:
What's the background image used by data-theme="b"
<div data-theme="b" data-role="header"> <a data-role="button" href="@Url.Content("~/Holiday")">Back</a> <h4>Gestion congés </h4> </div> What's the background-image used by this header ? What's the code of this background ? I researched but I haven't found. Thank you
accordion arrows
Hi, Can the arrows on the accordion bars have different position. Let me explain with an example: I want to move the arrow image marked in red to move a little more towards the left but keeping the position of the arrow in the first accordion intact. Is that possible. Thanks
Stack jQuery Dialog
I'm building a website using jQuery Dialog. I'm using 4 dialogs on one page using a stack. Now i need to know which one of the dialogs is on top of the stack, because i need to change the color of the title to red instead of black. The titles need to be black when not active. So only the dialog on top of the stack needs to be red. I have done a few hours of research already but i cant find the awnser. Hopefully anyone can help me.
NestedSortable and Draggable
Hi I would like to use the same thing as in the draggable/sortable demo : http://jqueryui.com/draggable/#sortable but with nested sortable https://github.com/mjsarfatti/nestedSortable both works well but I can't add the draggable element into the nestedSortable list and do it also sortable. Can someone help me with this please? Thanks CEd
Recommended method for displaying user messages and errors?
Hi all, Is there a recommended way to display consistent messages to users, such as information and error messages? For instance, displaying a message that suggests that the user may have entered an incorrect email address or password at login, or prompting them to complete a field? Cheers, Kaine
How to submit a form ?
Hello... I'm trying to submit my form in a joomla article and still can't get any result. Where's the mistake ? Here's my code (just for a test) : ( form inside my article) <form id="frmOrcamento" name="frmOrcamento" method="post" enctype="application/x-www-form-urlencoded"> ...... <input id="btnEnviar" onclick="enviarTeste1();return false" type="submit" value="ENVIAR" /> (function in the <head> tag): function enviarTeste1() { $(document).ready(function() { $("#frmOrcamento").submit
Create html table with Parsed JSON in Jquery with images and input fields added
I have seen many examples on the internet regarding looping through a JSON object and printing it in a html table. However my issue is a bit different as I need the first column to be an image the next few columns are json data from the json array and then finally a input field in the last column (the value from this input field is provided from the json array as well). Here is the full JSON I have where tabledata contains the array of information I need to create the html table with: {"approverName":"","emailAddress":"","companyName":"ABC","address":{"streetAddress1":"12
Please give me an example in JQuery to understand syntax similar as I code in ExtJS
In ExtJs to create window I simply do this: Please give me the same example in jQuery!!! <script type="text/javascript"> Ext.onReady(function(){ var win = new Ext.Window({ layout:'fit', width:500, height:300, buttons: [{ text:'Submit', disabled:true },{ text: 'Close', handler: function(){ alert('Click on Close
UI / Mobile mix and match
Hi, I am currently using jquery mobile predominantly for a site, but find the jquery-ui autocomplete to be far more useful. Of course, I can just include both libraries...but that is a bit of a waste. Is there any way at all to "mix and match" - so for instance to include just the jquery-ui autocomplete functionality, thus saving bandwidth, or is it all very interconnected...?
Regarding Jquery Modalpopup
Hi , I am trying to implement jquery modalpopup in my application but getting this error: Microsoft JScript runtime error: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_ctl00_mainContent_phContent_updpanel1. If it is being updated dynamically then it must be inside another UpdatePanel. Actually I am trying to open a usercontrol page in my jquery modalpopup n that usercontrol page having multiple update panels ,that is requirement of my application ,so i can not
calling a jQuery ui dialog box from a link
I C&P some code from this site to show a dialog box. It worked, but I want to call the dialog box from a link if possible. <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"
Animate a sprite element on a set path with jquery!
Hello! I would like to do something similar with: http://benthebodyguard.com/index.php but instead of a straight path, I have a path with curves! And the sprites must be able to be animated on scroll! Any suggestions or thoughts will be appreciated! Thanks!
Windows Phone 7: jQuery 1.9 or 2.0 ?
What is the best version of jQuery Framework to develop a WebApplication dedicated to Windows Phone 7? And Windows Phone 8? jQuery 1.9 or 2.0 ?
Nivo Wordpress plugin conflict with Colorbox
When using Nivo's Wordpress plugin in conjunction with Colorbox to display a Vimeo video, I get an "This content failed to load" error in the Colorbox window. I assume there is a conflict with Nivo and Colorbox, but I haven't been able to find a solution to this problem yet. I would be very appreciative for any help in resolving this issue. The site link is below, and the second image in the slider has a link to a Vimeo video I wish to load in the Colorbox window. I'm pretty new to jQuery so details/and
jQuery Mobile Responsive Panel and Textarea
I've got jQuery Mobile application http://gudulin.ru/test/problem.html . Left panel opens after page loads: $('#my-panel').panel("open"); I added a class ui-responsive-panel to my page and @media css stuff, so I can work with panel and page content together. Everything is OK on laptops browser, but there is a problem on iPad browser (Safari or whatever else). When left panel is opened and I'm starting type text into text area, a page jumps after typing any symbol. The problem comes when you start
Urgent Help j query challenge
Yo everybody, check this link http://www.passagefoods.com.au/usa/products/passage-to-thailand/red-thai-curry/ if you click overview you see the effect > MY question is what is this effect called and how to do it ? Please help me.........
Javascript replace text in html case sensitivity
Hi, I am replacing text in html with the code "$(this).html($(this).html().replace(/mytext/g,"New Text"); it is replacing only case sensitive string. So how can I make it case insensitive. Please help me out???
Do I need to learn JQuery before leaning JQueryMobile ?
Do I need to learn Jquery before leaning JQueryMobile ? Can somebody point me to JQuery eclipse plugin ? or witch eclipse version is better to use for JQuery ? I am interested in JQueryMobile. so Eclipse JQueryMobile plugin ? if anything like exist. Tks
jQuery Cycle Plugin from http://www.malsup.com/
hi there, 1st of all thanks for this wonderful plugin that i use mostly in my web development .... 2nd, am building this site and am using this plugin to slide a normal div with <h2> and <p> now everything is perfect at the same time the design have a background image for the site so i attached it to the body and with little tweeks a made it to take full width, untill now everything is perfect. when testing cross browser, specially on ie8 i noticed that this plugin render a white background insted
datatables/tablesorter
Hello everybody, I'm French so, please, don't be afraid by my sentences mistakes. I'm trying to sort a tab which contains cells with rowspan like that : But with datatables or tablesorter, I don't know if it is possible. Do you know how I can do this with tablesorter ou datatables? Do you know an other plugin which can do this ? Thanks.
Background image position animation
Hi guys, I'm new to jQuery and would need some help. I made a div element, and I want to make the background image move up and down vertically continuously. I have this script, which makes the background image move up, just how I would like to: <script> $('#oblici').animate ({ 'background-position-x': '0px', 'background-position-y': '-42px' }, 2000, 'linear'); </script> I would like to make the background image animate back to the beginning position after it reached the top position.
SORTABLE - FIRST TIME LOADING ISSUE
I have written following function on page which will get displayed in dialog box. When dialog box has opened first time the sortable list doesn't operate or i cant move any element but if i close dialog box and reopen it again then sortable works perfectly. $(function() { if($( "#sortablelist" )!=null){ $( "#sortablelist" ).sortable({ placeholder: "ui-state-highlight", opacity: 0.5,cursor: "move", forcePlaceholderSize: true, update : function
Help me to start with jqueryMobile please
I am new to jqueryMobile. I haven't done nothing on it and want to start. Can I use eclipse ? any plugin ? or Netbeans ? any good example that help to start ? tks
Next Page