Stellar js
Hello!Im using stellar js http://markdalgleish.com/projects/stellar.js/docs/ i want that an object when scroll vertically the object move horizontally, i found this http://stackoverflow.com/questions/13149700/how-to-move-animate-elements-in-from-the-side-with-stellar-js-on-a-vertical-scro but this code put all elements in absolut position to left whithout the apple class and cant control the horizontall move i know that the problem of other absolut element are for this 'left': $el.hasClass('apple')
Need help showing xml child nodes with jQuery
Hi, I have an xml file of products that I am using jQuery to read, however my product list includes several photos as children: <Unit> <Make>Thing1</make> <Model>Big</Model> <Images> <picture>Image1</picture> <picture>Image2</picture> <picture>Image3</picture> </Images> </Unit> I have set up my script like so: // Start function when DOM has completely loaded $(document).ready(function(){ // Open the students.xml file $.get("xml/CaledoniaInventory.xml",{},function(xml){
jQuery UI show/toggle problem in IE9
Hello all, Am wondering if you can help. I'm using a simple snippet of jquery to show/hide or toggle the visibility of a div. This is working fine in all browsers accept Internet Explorer 9. I've created a jsfiddle to show the problem; http://jsfiddle.net/JaVfp/ The script even does its job it's just the way it does it! They say a picture tells a thousand words, here's the problem:
Hire expert Mobile website designer and Developer @pearllike.com
Pearllike Technology has a team of professional Mobile website designer and developer .Our designer and developer is expert in making Mobile website that support Mobile, Ipad, Desktop and every latest smart phone device. Contact us : Pearllike Technology admin@pearllike.com http://www.pearllike.com/web-development/custom-web-development/mobile-applications-development/ http://www.youtube.com/watch?v=ULeJ_9xrXy0&feature=context-cha Mobile web design, Mobile web development, Mobile web development
Flexslider - add/replace div class outside of slider loop for each slide
I have 'header' div container outside of slider. And I have slider images with 'white' or 'black' classes. Is it possible to implement the following: After slide loading 'header' container assigned image class (black/white) on the fly. I have flexslider as background slider under header. When slide image dark header is displayed with light styles. Is it possible? Sorry for my english. Thanks <div class="header"></div> <script type="text/javascript" charset="utf-8"> $(document).ready(function()
No javascript work after coming back from an internal link
I have a main page which has an authentication control after loading as bellow $(window).load(function() { $.post('php/login_control.php',function(data) { alert(data); if (data =='notlogged') { window.location = "logindialog.htm"; } else { var greeting = "Hosgeldin " + data; $("#allcontent").text(greeting); } }); }); after I give my password on the second page "logindialog.htm" and the authentication is completed as bellow $('#loginok').click(function
Why Collapsible headers don't stretch to full width?
I cannot understand why this fails, but the collapsible headers appear with a plus and labeled on buttons as opposed to full screen wide bar/button. Anyone know why? I have played using the examples listed on http://api.jquerymobile.com/collapsible/ but no matter what, I get the same results both on iPad2 safari and my laptops Firefox21. I can confirm my CSS is properly loaded because the theme's colours are fine. jQueryMobile library must also be loaded since the click event opens the underlying
Getting autosave to work
Hi all - getting no joy on stackoverflow with this: I am trying to achieve autosave on Jomsocial's profile edit form. The goal is to have an autosave with feedback to inform the user after each onChange. I have the feedback part working but for some reason the beforeCallback is the only one that fires and it is not saving changes to database. php for the text field: $html = '<input title="' . CStringHelper::escape( JText::_( $field->tips ) ).'" type="text" value="' . $field->value . '" data-event="change"
List searchinput fill whit geoloaction data
I have a problem. I can not fill the searchinput from the list whit geolocation data. i would like the value .val() fill whit my phonegap geopositon data (position.coords.latitude position.coords.longitude). How i can insert into the searchvalue javascript? <script> $(function() { $('#umgebungsbutton').on('click',function(){$('input[data-type="search"]').val('TEST').trigger('keyup');}); }); </script> <a data-theme="e" id="umgebungsbutton" href="" data-role="button">In meiner Umgebung</a> <ul
Conflicts Help - MooTools - Joomla
Hi guys, I am really hoping you can help me here. Ive been staring at this code for 2 days and asking alot of people! I had a guy do some JS/JQ code for me. However, he has gone on holiday for a month and i need to get this website handed over to the customer ASAP. Its a site running on Joomla. The code he wrote was for a contact form. I am having some issues. I have never done any JS/JQ before, i have only just started picking a few things up when trying to sort this out. Basically, the form works
jQueryMobile website very slow...
Sorry for the intrusion but... I'm in Germany, my internet connection is fine and my quad core, 8Gb of RAM is at best under a light load. Attempts to connect to Google, FT, BBC, jQuery.com or jQueryUI.com are all fine and promptly respond, but connecting to http://jquerymobile.com/ is slow. The home page initially started to display after about 17seconds - and full load finished after a total of 22 or more seconds. I have used Firefox v21 and Chrome - results are the same. If any of the web admins
How to override current theme with another theme?
Hello, Probably very simple, but I could not think of how to do it ... How can I override/change the css theme that my page is using. For instance, how can I over ride from <link rel=stylesheet type=text/css href=/js/acssfile.css> to <link rel=stylesheet type=text/css href=/js/anothercssfile.css> Thanx
Problem of getting two slide divs
How to make two divs content to slide to the left and disappear and the other one comes in the middle and click back the one from left comes from middle and the one from middle goes back and disaapear e.g please check the sites carefully to see what i am talking about when chick the accordion links after open then you click the links again inside the accordion you can see the sliding div https://www.itskillsacademy.ac.uk/it-professional-profile/
Calculate weeks given 2 dates
In the image below I show 2 JQuery UI datepicker which I implemented, now I need to calculate the number of weeks between the 2 dates picked and place them in that form. I tried using this in one of the datepickers (special attention on bold text) $('#dateF').datepicker({ dateFormat: 'dd-mm-yy', yearRange: '-2:+2', changeMonth: true, changeYear: true, onSelect: function(date, inst) { var week = $.datepicker.iso8601Week(new
Refresh table on page with jquery
I would like to refresh a table on a page with jquery after a delete event. The table is located on the same page and also the table data is pulled on the same page. I tried location.reload() but I don't want to refresh the whole page but just the table on the page. Any help would be great. Thanks shoeGirl
local storage doesn't work.
http://jsbin.com/iqedil/1/edit here's what I made there if you click the items on the list, they are cloned and showed up at the bookmark page the problems are 1. local storage doesn't work If I refresh the page, the bookmarked pages are gone. 2. After I bookmark one item in the list, if I click that one again, it show up again at the bookmark page. I don't want to store same pages. 3. I want to limit list numbers 'only' in the bookmark page. help me.
Get value from table with different element using jquery
Hi All , I am newbie for JQuery and i encounter a problem that tooks me so long , so that i try and get some help from you guys. below codes are my HTML codes and my problem is i have different element inside table. i have checkbox , textbox , button inside my table . my question are how can i compute the value from default value if the user put a value in textbox ones user click the submit button and check the checkbox. help me guys please .. Thank you :) <!DOCTYPE html PUBLIC "-//W3C//DTD
using rel="external", data-add-back-btn not working
'<li><a href="?no=1234#detailpage" rel="external">title</a></li>' when i go detailpage, data-add-back-btn="true" is not working. invisible help me~
Open link as external without leaving the iOS Standalone mode [SOLVED]
Hi all! I have two (or more) jQM apps that I want to integrate in one iOS Safari WebApp in stanlone mode (chromeless browser). One app is in index.html, the other in index_ld.html. I want index_ld.html to load completely from scratch (no Ajax link). Every method I tested here: http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html under "Links that will refresh the page" (I want the second page to reload all the content), opens the link in iOS Safari, leaving the standalone mode. So far,
pagenavigation
Hello, while doing page navigation in jquery mobile its working fine but page is navigated only after refresh. Can anyone tell me how to solve this.
Ajax form submission with partial page reload?
I tried the ajax submission example which is pretty neat, but it seems replace the whole page with the return value. is there anyway to just replace part of the page? there is no document about this... http://jquerymobile.com/demos/1.2.1/docs/forms/forms-sample.html Thanks!
Android 4.0.3 issue: "Back" button disappears
This issue happens most on HTC devices with Android 4.0.3 platform. I have created an easy app by using jQuerry mobile 1.3.0 with 3 simple pages (1), (2), (3) and "Back" button on it. To surf that pages I'm using this function: <a class="ui-link-inherit" href="#" onclick="changePage('index1.php')" data-transition="slide">Example 1</a> function changePage(page) { $.mobile.changePage(page, { changeHash:true}); } So, when I open that pages one-by-one and get to the last page (3), then I click "Back"
how to bookmark? It's dictionary app.
In dictionary app, is it possible to make a bookmark? (I want to bookmark items what i have searched) If possible, are there any examples?
Hidden iframe problem
Hi, I have an issue which I'm almost certain is to do with hidden iframes. We have an application that switches pages by allowing the page to load while hidden and then the visible and hidden iframes are switched. This works perfectly well for almost all pages but some that use JQuery don't render some of the content. I've tracked this down to the fact that .show is ignored if executed while the iframe is still hidden. If I move the .show calls out onto a timer invoked function even with zero delay
JQuery / NTLM (CrossDomain ?)
Hello, I want to request a REST api with JQUERY. The Rest API is available with an NTLM authentication so I use crossdomain option. I think that the issue is that I don't receive json data, i receive html data. When I check on the server where is the REST api, I see in log file this HTTP_ACCEPT */* <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> function getInformations() { var hostname = getQuerystring('hostname');
Page slide while and when loads
Hi everyone, Just a quick quest I'm wanting to have a page slide left off the screen and a new page slide in from the right when a navigation button is clicked. Is this possible? I don't want to use this method though. http://www.prettyproduction.com/#english The pages need to load I cant have them all on one big home page and scroll to the different content like this one does. Any suggestions would be great. Thanks
Bitte um Hilfe mit javascript
Hi! Ich hätte ein allgemeine Frage zu javascript in Verbindung mit Html!...ich bin ein Neuanfänger und habe leider ein Problem...Ich würde gerne den Inhalt von der Textbox id=apRes in die Textbox id=x automatisch mit onkeyup einfügen lassen, sodass der Text von id=apRes in der Textbox id=x und der Textbox hundert erscheint...Hilfe wird dringend benötigt!!! Die genaue Eingabe von mir in Dreamweaver CS3 findet sich am Ende des Beitrages... Vielen Dank für eure Hilfe schon mal im Voraus ;) <head> </head>
my datetimepicker is behind my JQuery-ui dialog
I have associated a link to this ChangeTime so when I click on the link the JQuery-UI Dialog dlgPassage is opened. In the dialog dlgPassage I click on the img tag to bring up i datetimepicker The datetimepicker is being displayed behind the dlgPassage. In this datetimepicker I can select both a date and a time. I have downloaded this datetimepicker from some site. Here is some code and markup I need some suggestion how to bring the datetimepicker in front of my JQuery-UI dialog ? I just tried to
showPageLoadingMsg not showing when i remove alert
when i add alert along with showPageLoadingMsg, both are getting loaded. but when i remove alert showPageLoadingMsg showing. could any reply on this? $.mobile.showPageLoadingMsg(); alert('loading'); code $(document).on('pagecreate', '#filterPage', function(){ //$.mobile.showPageLoadingMsg("a","Loading..."); currentDate=06/18/2013&filterID=-1"; var currentDate = {}; currentDate['currentDate'] = '06/18/2013'; currentDate['filterID'] = '-1'; $.ajax({ type: "POST", url:
Button should not retain "selected" appearance after click
Hello. I want a toolbar with buttons that are not toggle actions. Looking at the examples on http://api.jquerymobile.com/button/ it seems that each button (eg in "Horizontal grouped buttons:") after its clicked retains a different appearance (until a different button is pressed). This is like the behaviour of a tab bar..some button is always "active". I dont want this. I want the buttons to be independent and look the same after the click as before (that they look different during the click is good).
[slider] problem with positioning
Hi, I have a div for the slider in many other div: <div id="container"> <div id="fields"> <form id="new" action="..." method="post"> <fieldset> <div class="address"> <label for="address">Address: </label> <input name="address" id="address" placeholder="Insert address..." type="address"> <input name="resolve" id="resolve" value="Resolve" type="button"> </div>
Update Jquery datepicker multiple fields
Hi I'm using datepicker on 3 different textfields on one page, all works fine. Dates are inserted into an Acces database. However, when I try to update one of the inserted dates, one or more dates are deleted from the db. The update page reads the dates correct. But if I touch one of them/update the date, one or two dates just simply dissapear from the db. I'm using Dreamweaver with standard insert/update function. (.asp/ MS Access) <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"
jquery widgets on touch devices
Dear all, I am in problem with jQuery widgets. I have to use Swappable or sortable widget in my mobile device but it is not working with touch devices. I used "touch-punch.js" It was working fine but failed with "jquery.ui.swappable.js" plugin. so, basically do we have any way that we can use "jQuery widgets" into touch devices. Please if any confusion feel free to reply, I will explain. Thanks all !!!
having same class for two anchor tag and respective click event load one div id
I want to achieve following task. When i first clicked on PARISHES class 'search_bx' then it will load the content into the div id 'search_boxes' and second click on same PARISHES then it will hide the content. The same functionality is for SCHOOLS clicks. challenge is that,when i cross click on anchor tag means now i click on PARISHES then it will load parish url and again i clicked on SCHOOLS then it will load school url in div and again i click on same anchor tag then it will hide vice versa.
Split button menu item
Hi all, Im using spilt button to display menu items, My requirement is display menu item with checkbok(please refer the image) I want to the user to select the all the checkbox at a time, but each time the user select the single check box from menu item (menu got hidden) again i want select the down arrow and want to select next menu item. I want to display the menu item untill the user select the more than check box at a time. Please provide some ideas to get out from this error. Thanks
Revert draggable item after it has been dropped
I have a situation where certain items dropped are mutually exclusive with each other. If one is dropped, I need to check for the others and revert them to their draggable container. I've tried a number of approaches but nothing has worked yet. Online search only showed how to set up the revert function, but I didn't find anything that met this specific need. Here is what I need to occur: 1. User drops a draggable item onto a droppable item. 2. Droppable item is checked for the mutually exclusive
Can jquery offer an advantage over straight javascript in this case?
HI, I had this coded up in straight javascript: http://jsfiddle.net/x5M7q/ It works, but all my scripts are jquery apart from this one, and since I had jquery already loaded I thought it would be a good idea to convert this to a jquery script. I have no idea of how to do this with my limited knowledge but the coder said translating this to jquery would have no advantage. So my question is, is this true? I was really hoping it would make my scripts more consistent and I could perhaps cut a few lines
Using nivo slider for image slide show, not working
I test two image and wanted slides show. However it is not working. <div id="slider" class="nivoSlider"> <img src="http://workshop.rs/projects/coin-slider/games/mini_ninjas.jpg" alt="" /> <img src="http://workshop.rs/projects/coin-slider/games/prince_of_persia.jpg" alt="" /> </div> The demo is at jsfiddle. Basically it is 2 column layout. The images are put on the left side. Even the simplest one is not working. $('#slider').nivoSlider();
How do I write if I want to pass two data item
In this example I only pass one key value pair if (type == "opening") { myID = bookingItem.Objectid + "_" + bookingItem.VesselID + '_1'; $('#' + myID).live('click', function (e) { $("#dlgBooking").data("id", myID).dialog({ width: 230 }); }); } but if I want to pass a second key, value pair. So my first key, value pair is "id",myID and my second key,value pair is "fullid",fullID How do I write
Validate - Radio button & textfield not working?
I have a form with both radio buttons and texfield My code as follow: <script src="/js/jquery.js" type="text/javascript"></script> <script src="/js/jquery.validate.js" type="text/javascript"></script> <script> $('#blreview').validate({ rules: { 3232a: { required: true, minlength: 1 } }, messages: { 3232a: { required: "Please rate", minlength: "Please select atleast two items" },
Next Page