generate jquery pop-up from ajax
hi I use jquery pop-up plugin it works perfectly on my page but where I call this page from Ajax it doesnot works, Why? the pop-up code $(document).ready( function(){ //open popup $(document).on("click", ".pop", function(){ var url = $(this).attr('name'); $("#"+url).fadeIn(1000); positionPopup(this); }); //close popup $(document).on("click", ".close", function(){ var url = $(this).attr('name'); $("#"+url).fadeOut(500); }); }); //position the popup at the center of the page function positionPopup(element){
Loading form result in same page
I have a form and I want to load the results from it into a div. I've already searched some topics about this but it doesn't. I would really like to show the results from the action url (http://wl.breedbandwinkel.nl/postcodecheck) into <div id="test">. Currently I'm doing this within an iframe but that just doesn't look "professional". And if possible I would like the form being replaced by the loaded data. I hope I gave enough information, if not let met know. This is my code so far: <script type="text/javascript">
Qs for profissional jquery how to extract URL from string and
how to extract full url from textarea and if content http://domain.com/xxxxx/?xxx then change it to http://www.domain.com/xxxxx/?xxx and if www.domain.com/xxxxx/?xxx then change it to http://www.domain.com/xxxxx/?xxx and if domain.com/xxxxx/?xxx then change it to http://www.domain.com/xxxxx/?xxx Please help me please
Copy element from one div to another but reain in "from container"
There a re 2 containers Container from <div class="search" id="fromdiv" style=" position:absolute; display:none; left:146px; top:148px; height:300px; width:300px; background-color:#CCC" > <table width="100%" border="0" cellspacing="0" cellpadding="0" id="headertable"> <tr> <td align="right"id="headerclose" class="Line" style="cursor:pointer">close</td> </tr> <tr class="headerlist" > <td id=66>other</td> </tr> <tr class="headerlist" > <td id=67>Place</td> </tr> <tr class="headerlist" > <td id=68>Profession
No Caching CSS Selector in Menu
I have a jQuery menu that adds the class selected to links in a menu. The problem is that when you click the back button the class of selected remains on the link you just visited instead of for the link of the page you are actually on. So far I've tested it only on FF, IE and Chrome. This problem is only encountered on FF. I was wondering if there is a way in jQuery to not cache that class. I know there are ways to not cache the whole page but I don't want to go that route because it slows down
Constraint dragging on { overflow: hidden } elements. [draggable]
Im working on this Facebook-like thumbnail adjustment solution. http://jsfiddle.net/antonysastre/bZeWT/2/ Can't figure out how to disable dragging during a condition met, but allow otherwise? Anyone?
Using jQuery to add HTML element doesn't work
Hello everyone: I am trying to add a paragraph by using jQuery, but the paragraph won't display in the browser. Please review my code and give me some feedback on why the paragraph didn't show. Thanks! <html> <head> <title>hello world</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" ></script> <script language="JavaScript" type="text/javascript">
Annoying numbers validation
Hello, I'm trying out the bassassist validation plugin to validate some form fields. One particular one - the user types in an amount of money. I used "number" for it. Say the user types in 100.00: user types the "1" - all happy. Then the first and second zeros - all still OK. Then he types the decimal point - and an error breaks loose, because "100." is not a good number. Then he hits the two zeros afterwards and all is again OK. What's a good way to let the user type in the whole number
Slider Event not trig when coming from "main" page but works after refreshing page
Hi, I m quite a beginner in Jquery Mobile DEV and have a very strange issue with slider object. I created a dummy website to show you my issue. When I arrive in the main page : http://82.227.228.35/TestSliderJqueryMobil/ then if you click on "Charles" you will arrive in the following site : http://82.227.228.35/TestSliderJqueryMobil/charles.php -> Do not go directly to this adress or you will not be able to reproduce the issue compose of 2 objects : 1 Slider and 1 Flip toggle switch I map a call
Fading between two images based on time
Hey everyone, hopefully this will be a quick question for you guys. Here's what I have going on. I have these two images at the very top of my body - they will serve as the background to the page. <img src="image1.jpg" id = "background" > <img src="image2.jpg" id = "background_hidden"> Here is the corresponding css for the two images: #background { width: 100%; height: 100%; z-index: -1; position: absolute; } #background_hidden { width: 100%; height: 100%;
carousal bug jquery additional space and firefox bug
here is my carousal when i hove over each img tag i see add image button... but i see an additional space between each img tag how to remove the space when we hover... the divs look very small in firefox... even I am attaching a screenshot for firefox normal carousal works in chrome.... http://jsfiddle.net/9Dr7T/24/ http://jsfiddle.net/9Dr7T/24/embedded/result/ providing my js code below
jQuery Retina Display Plugin not working
I followed the installation instructions but I am not getting any changes on my IOS simulator or my live device (iphone 4S). http://troymcilvena.com/post/998277515/jquery-retina I am actually making a responsive version for mobile here, My navigation is in a ul, li controlled by css, I don't have an image tags in my html is that why? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes" > <meta http-equiv="Content-Type"
jQuery Mobile div with external content
Hi, currently using this version to change content of a DIV- <div data-role="page" id="earphones"> <div data-role="content"></div> </div> </div> how can i do the same but to show an external page instead ./speakers.html cheers Nigel
Scrolling issue in jquery mobile
Hi, I have designed the android phonegap app using jquery mobile and using the same in ios.My app is working fine in big devices.But in the small devices my page is not scrolling properly.I have fixed header and footer.In the footer i have menus,one or two buttons and displaying the advertisement.I am facing this problem in both android and iphone. Please kindly guide me to solve this issue.Thanks in Advance.
Custom Script not working on interior pages.
Ok, I am having some issues with a piece of custom code I am trying to use with jQuery Mobile. I am running jQuery verions 1.8.2 and jQuery Mobile version 1.2.0. I am trying to get the menu to drop down when the button is clicked and hide when it is clicked again(Code Below). On the first page, or on a hard refresh the script will work correctly, but, once I navigate to one of the pages from the menu I can no longer get the menu to appear. However, with the console.logs I added in I can see that
JQM trigger create on form control elements doesn't work
So I've run into a very frustration problem. My code is dynamically injecting new form control elements during a pagebefore/show event. The thing is, the form controls are enhanced correctly, BUT the actual act of clicking on them does not WORK. In the case of a checkbox, click on it doesn't apply the checkbox( I even binded a 'tap' event to print a console message and the event isn't called when I click on it.) In the case of a slider, the number field works, but the slider graphic is rooted, it
After successful validation form not submitting
hi, i used jquery to validate the form after successful validation form is not submitting but it returns true value, and not redirecting can any one guess the problem and give the solution Thank you........
Help with Jquery - Newbie
Hi I have this on my website, basically a quote form which should allow people to get an instant quote, but it doesnt work! to view the form onlinewww.christianvelectrical.com then instant quote...any help would be appreciated!! here in the JS (function($) { $.fn.ajaxfileupload = function(options) { var settings = { params: {}, action: '', onStart: function() { console.log('starting upload'); console.log(this); }, onComplete: function(response)
Cycle2: How to create two custom templates for two pagers on the same cycle-slideshow?
Like in topic. I would like to create two different templates for two instance of pager in the same slideshow. I know (from demos) that I can use multiple pagers: data-cycle-pager=".custom-pager1, .custom-pager2" but how assign them to different themes. For example: for .custom-pager1 data-cycle-pager-template="<span></span>" and for .custom-pager2 data-cycle-pager-template="<div></div>" Any ideas? Thanks.
csv2table
Love the csv2table plugin. It works great, I am trying to figure out how to use this plugin with input from a form. Have a need to use different csv files from 1 page.
Performance monitoring durring development
I have a single page app with a dozen or so internal pages, and a lot of javascript glue holding it together. I would like to write a test that would go through the application basically like a user would. The two most important objectives would be to measure how long it takes to run through the test, with page loading and scrolling on different devices, and also find things that have stopped working. Does anyone have any suggestions as to how I would go about doing this? -Josh
'pageinit' not firing on the first page
I am trying to use the pageinit event to initialize the first page in my jQM application. My problem is that the event doesn't seem to be raised for the first page in the application. Check out this jsFiddle: http://jsfiddle.net/jeremy_wiebe/Cef7M/ If you click on the button jQM fires the pageinit event for page two, but the main page never fires that event.
jquery hover works for only certain divs
i have jquery carousel where i am trying to implement hover for all the divs but it works for only certain divs can you tell me why its not working for other divs... when you click green and red button you can see the carousel movement.... http://jsfiddle.net/9Dr7T/14/
Start Video Files After Checking if All Fully Loaded(Bufferd)
Hi Using jwPlaye 6, I am running this code to display two videos which must start simultaneously.the problem is on of the video file is always bigger size than the other and this causes some delays at the start of that file which is not perfect presenting.Besides sometime there are some pauses at the beginning of videos which make video presentation look awful. Here is the code I have: <script type="text/javascript"> jQuery(function ($) { function stateListener(obj) { $('#state_change').text(obj.oldstate
write or read to session using Jquery --error
I am trying to write/read from session using jquery, but I am getting the error "0x800a138f - JavaScript runtime error: Unable to get property 'set' of undefined or null reference" Please help me resolve this error ? I am pasting my page source below <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> </title></head> <body> <form method="post" action="WebForm1.aspx" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2MTY2ODcyMjlkZKyCMgqniM/aldukh4YFosrxeF/cGpC1q4aFWjLdll/R"
Display content of text file dynamically?
I have a script that populates a text counter using the ID of the <A> link (code here). Is there a way I could display text counter content next to the <A> link, using variables, without specifying the actual text filename? <a href="docs/0_FAQs.docx" target="_new" id="tracklink_faq"><img src="assets/faq.png" alt="faq-icon" width="144" height="141" border="0" /></a> Maybe something that can look at the <a> ID to specify the text file name: <div id="report_faq"> <script>$("[id^=report]").load(......id
Changing page div to external page
Hi, i was hoping that someone might be able to help. I need to have only 1 page visible at all times. All navigation is done through a single DIV. I need to be able to change the content of the DIV with the click of a button and the content is from external pages kept in the same directory. Is this possible? the external pages are not heavy but have images & text. I have a demo of pagify.js but i just cannot get it to work. Im quite new to jquery but im a good learner. Ideally, it would be great
Difference between Windows 7 Home and Windows 7 Professional executing jQuery?
I'm a programmer for our company and recently we noticed that there are some features that no longer work on the site when viewed in IE9. These features are run by jQuery (and jQuery on the site is the latest version). If you were to go to http://lookingyourbest.com Scroll down to see the Featured Doctors, Click on any doctor, Then click on "Email" it should bring up a form on an overlay. Now, I installed Windows 7 on another computer (I use Linux) in order to run some testing. And out of the box,
Page Header Wraps
The <H1> and the <H3> in the header area of the first page gets wrapped so that School and Trojans are put on another line. It looks like: Lincoln High School Home of the Trojans How can I make it Lincoln High School Home of the Trojans <!DOCTYPE html> <html> <head> <title>Developing with jQuery Mobile</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/themes/lincoln.css"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css">
jQuery validate--don't validate until user input entered and field blurred at least once
Hi All, If you take a look at this form: http://docs.jquery.com/Plugins/Validation#Example You'll notice one problem: it immediately triggers all validation after you enter a single keystroke in any textbox. For instance, if you start typing in the email field, after a single keystroke you will get a validation error. This seems in direct contradiction to the descriptive text below the example form, which says: Before a field is marked as invalid, the validation is lazy: Before submitting the
Some encoding problem when using AJAX
When sending a request like this: $.ajax({ url: "url", type: "GET", date: "param=中文" }).done(); "中文" will be urlencoded, the character-set is same as the page's. But, when sending like this: $.get("url", {param: "中文"}, function(){}); "中文" will be urlencoded, the character-set is "UTF-8", not using the page's character-set. Why?
I just released a scrollbar plugin!
I just released a scrollbar plugin! XD There's a github repository: https://github.com/noraesae/perfect-scrollbar The introduction and demo are here: http://noraesae.github.com/perfect-scrollbar/ I tried to create perfect(for me) scrollbar plugin. Please try it! Thanks. Regards.
Divs get overlapped in jquery
I have written a small code in Jquery. In this code there is button for moving "div's" to left and right respectively. And the "div's" also scroll to left after every 5 secs. But the problem is once in a while the div's get overlapped. I was wondering if anyone could may be solve the issue. This is the link to the code. jsfiddle.net/9FPBA/2 this above link has its own editor so you can edit the code from there itself. Any help wud be appreciated. This has been bugging me for a long time now
Counting wins and losses isn't working… Why?
I am making the Rock-Paper-Scissors-Lizard-Spock game using jQuery. Most of the code works until I try to add the wins and losses at the end of the code. It counts every game as a win currently. I need it to count losses as well. What is going wrong? // JavaScript Document $(function(){ var numberPicked; $('#Rock1').click(function(){ numberPicked = 1; $('#displayOne').html('<img src="images/rock.gif" />') }); $('#Paper1').click(function(){ numberPicked
jqury datepicker disabled days
Good morning from Santo Domingo I love Jquery !!!!!! Please help me with this , I'm using Jquery datepicker daterange and I need to disable some days dinamically controlled from a textbox on my form. The default value of the textbox is [2, 4, 5] and i want to pass this value to the var daysToDisable like this : var daysToDisable = document.myform.mytextbox.value; instead of : var daysToDisable = [2, 4, 5]; But it's not working . Why it's not working , where is the prolem ? This is
Zoom only contents not footer
Hi Below application has header, content and footer sections. http://openlayers.org/dev/examples/mobile-jq.html I want when I zoom in/out using multi-touch then only contents i.e. actual map should zoom in/out not footer section. How can we do it in Jquery Mobile? Thanks!
Load function into a .load call
Hi. I have a function named 'validation'. Instead of copying this function into my load call I was hoping there is way to just call that function. $(function validation() { function code... }); $('#payment_method1, #payment_method2').change(function(){ var path = '/basket/dynamic/'+$(this).val(); $('#checkout_form_container').html( 'Updating…' ); $('#checkout_form_container').load(path); }); Is it possible to do something like:
Link to Quick Start guide on support page is broken.
The quick start guide link on the http://jqueryui.com/support/ page is broken. Not a promising start...
Unlimited Drop Down Menus - triggered onchange one by one
Hi all I need to build a form which has (for example) a drop down menu of Car Components to start with. When a user chooses a component from the drop down mene, I need a new drop down menu of the same components to appear underneath. And thus the process continues. I do not need to filter out previous selected options from the subsequent drop down menus, it will essentially be the same drop down menu every time. Is there anything out there that does what I need that I can refer to? Many Thanks
jquery vetran, jquerymobile noob question
Hi guys. So I'm trying to simple change the transparency of a link when someone touches it. For the life of me, I can't sort out where to put my code. I started out with a simple app created by jquerymobile's site. So I have the js that it creates that starts with: (function($) { $.widget('mobile.tabbar', $.mobile.navbar, { .... I'm just trying to sort out where I would put my code within the pre-created script? $('.mainPageButton').bind("vmousedown", function(event) { alert('this
Next Page