When reusing a dialog, how do you go about clearing the contents before it is called again?
Hello, This has probably been asked before, but I'm not having much luck finding an example of how to go about the following scenario. I have around a page that has hundreds of possible inputs that all reuse the dialog, but with different contents provided via AJAX. When you call the dialog and it gets populated, the contents are still there when you call it again until they are overwritten via the AJAX call. I was hoping that I could call something like .clear() that would clear the contents of
Issues reloading pages within navbar
Application Specs: ASP .NET, Jquery Mobile 1.3.1 When navigating between pages that utilize the data-role "navbar", I am having issues with page reloads. It seems to be loading the page out of the DOM and not firing any functions on page load. I have a page that contains an element that needs to be updated on page load but when transitioning between pages on the navbar and then back to the original page, the page load functions do not fire. However, accessing that same page via an ordinary button
Sweet jesus can somebody please help me here
Hello everyone I hope you are having a great day because I'm not at all hahahahaha, Right, I'm creating a shop page that has 8 divs with an image in each one, a read more button on each one and and title etc, like this - <div class="div contentboxes box4"> <img src="" alt=""> <div class="titlebox"> <h2>Generic Title</h2> </div> <a class="readmore a4" href="">Read More..</a> </div> Now when you click the 'read more' <a>, i want all of these boxes to hide, and then depending on which particluar div's
Firefox redirects on failed JSONP ajax call
Hi, Here is the JSONP that i am making to a cross domian .js file $.ajax({ url: HtmlPageObj.RemoteLoc + "/" + HtmlPageObj.CurrentPath, global: false, timeout: 2000, type: "GET", cache: false, dataType: "jsonp", jsonpCallback: 'EditorPage_PageContentsReceived', contentType: "application/json", success: function(objjson) { }, error: function(x, t, m) { if (t === "timeout") {
my web have a problem
Hello, I cant put a nivo slider in my web, my site is dai2009.com.ar/ejemplo, thanks.
input field
I want to have jquery ui theme to all my input type text. for this I run ( "input[type=submit], :button, :reset, :text, :password" ).button();on document ready. It works good in chrome but in IE 8 , it behaves strange. the text field changes its width based on the chars in textfiled ie is the width changes based on the text size . I have a input type text with size 20 , and if user enters more than 20 chars then then the width of text element also increases , please advice
jQuery Mobile, $ is not defined, even the javascript should be loaded
Hey, i was using jQuery which was loaded with the code <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>Then I discovered jQuery Mobile and thought I could just change the javascript file to <script type="text/javascript" src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>But then I get the error: TypeError: e is undefined $('button').click(function() { ReferenceError: $ is not defined $('button').click(function() {With jQuery everything
Simple jquery code working sometimes when refreshing page
Guys I am really going totally crazy. I load a list with data coming from my database. I have decided to let the user change the year to he can see a detailed list regarding that year. As soon as I've thrown this new function my page started working random. One refresh it's working and the other not. I've understood that it was because the variable year (anno in Italian) was undefined so I've prepared a little code to define it if undefined. If I run this code sometimes it works and sometimes not.
fancybox.js / reveal.js conflict on iPad
Hello and thanks in advance for reading. I have a few fancybox.js galleries placed inside of a reveal.js presentation. Everything works fine on desktop, but the galleries are a mess on touch devices; Some of the thumbnails open their respective images correctly, a couple open the wrong link, and most of them start to trigger an event (the screen darkens momentarily as if the modal window is opening) but then nothing happens. This is a link to the site in question: http://annualreport.bam.org.s3-websi.../index-FO.html
Remember status after reload of page
I have a script that has a button wich simply removes itself when clicked. But when I reload the page the button appears again. How can I add a "memory" so that the button is gone also after reloading? Here is the script jq2.html <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script> </head> <body> <!--hiding the current HTML element--> <script> $(document).ready(function(){ $("#x").click(function(){ $(this).hide(); }); });
How to hide the x and y scrollbars in my folding out pictures?
On this homepage website, I have three big pictures, which fold out on a hover... so basically a big part of the image is hidden and at a mouse hover it get's visible.... Thing is... I get these ugly scrollbars in my images when they fold out... I tried to get rid of them, but so far without any succes... I'm a bit of a rooky on the field of building websites...so maybe this solution is very easy to solve... I hope... This is the html and css... <!DOCTYPE html> <html> <head> <title>Homepage</title>
Use of jQuery in comercial project
I am using [jquery-1.8.3.js / jquery-ui-1.9.1.custom.js/ jquery.jqGrid.src.js/ json2.js] in my commercial product. I am not going to modify anything from this file. I just need to use the api. Do I need to get any extra license for this? Or Need to inform about to jquery team? I am planing to give explanation about jquery which is under MIT license in my README.TXT file. Is their any need to explain it in README.TXT? if yes then please guide me what will be the content of README.TXT file. If no still
Error initializing .button()
Hello, I trying to assign icons to buttons Ive created but Im getting an initialization error . Do I have to do the button icon assignment in a callback? Uncaught cannot call methods on button prior to initialization; attempted to call method 'option' But the button has been instantiated here is my code ... $(document).ready(function(){ $("img").attr("src",""); $("a").has("img").button();
the different between defining variables in object Literal
hi , i have a plugin that (Do sth) . into this plugin i have put a object , this object maintain couple of functions my problem start here when i'm using object letral . something w'll not works pretty fine . take a look at the bottom code. $(document).ready(function(){ (function($){ $.fn.blackbox = function(opt){ settings = $.extend($.fn.blackbox.defaults,opt); var features = { init:function(){ $(window).load(features.create_element()); //features.create_element(); features.$login_panel = $(settings.wrapper)
Jquery Mobile Page reloading problem on user scale feature...
Hi, I'm making a mobile website and for some reason i have enabled user scale option. So by doing this i'm facing a problem, that when i scale the page on iPhone the page looks like, it reloading several times or may be blinking or something. Can any one tell me what is this problem and how can i fix it...? This is the link for that page... http://horizonwebsolutions.net/testing/test/3-hour-inclusive-cruise.html
Rangeslider rendering badly in some IE (JQueryMobile 1.3.1)
This very basic page: http://www.marianotomatis.it/test.php does not render correctly in "some" IE versions. <!DOCTYPE HTML> <html> <head><title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.js"></script> </head> <body> <div id="A" name="A">
jQuery Cycle Plugin Display Page
I have a custom theme Wordpress site in which I am using the jQuery Cycle Plugin for a slider at the top of my site. I want to restrict that slider to just the first page of the site. Is there a way to do this within the plugin or is this something I will need to modify in my 'header.php' file?
tablesorter and default sorting
Hello everyone, I use tablesorter provide an interface with sortable tables. I tried to sort DESC (only for the first display) on the second column, this is my code : <script type="text/javascript"> $ (document). ready (function () { $ ("# myTable"). tablesorter ({ sortInitialOrder: 'desc' sortList [[1,1]] / / etc. }); } ); </ script>It works for a static usage. So, when my page is loaded, my second column is sorted DESC. But if I want to sort on another column, my second column concerve the javascript
event click doesn't work on firefox and ie
Hello, novice in jquery, I currently use it for suppressing value by clicking on a button. The click will display a confirmation pop-up and then delete the value after. My code works fine in google chrome but not in firefox and ie. I think it comes from the click event code jquery but i can't resolve the problem. Here is my html code: <center> <button class="btn btn-mini btn-red dropdown-toggle" data-toggle="dropdown"> <i class="icon-remove" rel="<?php echo $array[$i]->getId()
Can jquery api web page maintain selected menu on right side tree?
Can jquery api web page maintain selected menu on right side tree? Use Iframe or anything. It is really counter-productive need to find menu again again in the long tree menu. Thanks,
javascript doesn't work until refresh
i have this js code in my html file but it doesn't work until you refresh the page and i dnt know the reason why. here's my code <script language="javascript" type="text/javascript"> jQuery(function($){ var url = window.location.search.substring(1); $('#mydiv').load('real_news.asp?'+url); }); </script>
Enter Key Event Bubbling Up from jQuery Modal Dialog
(Also posted this in "Getting Started" forum, but it looks to me as though this forum gets a lot more attention than the other one, so I'm posting it here, too.) I have searched for an answer to my question, thinking that it is a common problem -- but to no avail. Here's my problem: I have a page where I have attempted to convert one of my old javascript alert dialogs to a jquery dialog. The dialog comes up just fine. And if I click on the "Ok" button, the dialog closes as it should. However,
Accordion Panel does not open. Help?
Hello, I'm redesigning a page for a business, but first they want e to fix their existing page. The one thing I don't know, however, is why their index page accordion panel does not work correctly (after 1st tab, the tabs won't open.) The content is in there, I just don't know why it doesn't work. www.pureboxdfw.com Thanks again for your help.
hello
<!doctype html> <html> <head> <meta charset=utf-8> <title>Q&A</title> </head> <body> <script id= blogTemplate type=tuts/template> <h2> {{title}} </h2> <img src={{thumbnail}} alt={{title}}> </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> ( function() { var content = [ { title: 'My awesome blog post', thumbnail: 'http://cdn.tutsplus.com/net.tutsplus.com/uploads/2013/06/david-walsh-preview.jpg', }, { title: 'My second awesome
Dialog is not showing
I want to show a response in a dialog but it is not working. <script type="text/javascript"> $(document).ready(function () { $('#btn1').click(myFunction); }); function myFunction() { var strSearch = $('#txt1').val(); var url = '@Url.Action("GetPassage", "Home")'; $.get(url, { 'strSearch': strSearch }, function (data) { $('#req1').empty().html(data).dialog('open'); }) } $("#req1").dialog({
Missing CSS file in Google CDN
Is there reason why there is missing CSS file in Google CDN? There is missing file since 1.10.2-1.10.3 http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/base/minified/jquery-ui.min.css However, it worked until version 1.10.1 http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css EDIT: I just noticed, same situation is at code.jquery.com: Bad: http://code.jquery.com/ui/1.10.3/themes/base/minified/jquery-ui.min.css Good: http://code.jquery.com/ui/1.10.1/themes/base/minified/jquery-ui.min.css
what's the different between calling functions with () or without ()
hi , i have really big problem in understanding this . let say i have an object and my objects contain couple of functions var my_methods = { init:function(){ $(window).load(my_methods.create_element()); $(window).click(my_methods.window_clicking); }, create_element:function(){ //some code }, window_clicking:function(){ alert('hello world'); } } the both of the above functions calling w'll works
Delayed image display with fadeToggle()
Hi, this is my first post in this forum; I'm a total rookie on Jquery hence today's post: I'm trying to display several images contained in a HTML "table". I'd like these images to display on after another when the page is ready. I've tried several stuffs but can't get what I'm looking for. I've already tried to use ".each()" or a "for" loop but I'm stuck, could any good Samaritan help me out with it? Here's my latest try to get the idea: <script type="text/javascript"> $(document).ready(function(e){
Hiding OAuth secrets in jQuery
Hello, Below is some sample code from Yelp: <!-- This example is a proof of concept, for how to use the Yelp v2 API with javascript. You wouldn't actually want to expose your access token secret like this in a real application. --> <html> <head> <title>Yelp OAuth Example</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript" src="http://oauth.googlecode.com/svn/code/javascript/oauth.js"></script> <script
Coding problem, JQuery has been suggested as an answer.
I use JQuery in all my sites, specifically with AJAX load functions and various plugins. Basically, my issue is with my Navigation bar. When i hover over a button, i'd like the 2 images either side to change as well as the image that the mouse is hovering over. Is this possible in Jquery? Thank you for any help in advance, greatly appreciated!
How to use jquery and why..?
I am very confuse to using jquery and My question is why we use jquery and what is the purpose. This is simpler to javascript, php, or c++ lauguage. If anyone know all about coding of jquery please share with me. I want to learn it
how to get the real height for google chrome and safari
hi , i want to get the real height of the document by using $(document).height(); unfortunately i cant get the real height . the returning value is 1163 but when i took a look at the metric of the body it was 1193 , i don't know why this is happening maybe it bcz i'm using -box-sizing property . but this problem is happening just for webkit , i mean googlechrome and safari mozilla , opera and ie get the real height with no problem . but googlechrome and safari do not .
creating map
Is there a some tutorial to make map like this http://en.gw2codex.com/carto/ When you click area to zoom in and you will see lots of icons on it. I was searching everywhere and all i can find is googlemaps custom map which is not good for me.
Basic question about $(this) and > , and ! or .not
To start: $('#menu > li').mouseenter(function () { var $this = $(this); tabOpen($this); } }); I'm assuming that when the mouse hovers on any menu item, that $('#menu > li').mouseenter(function () determines which menu item or li object it was that fired the event. That object becomes $(this) and is assigned to the var $this, which is then passed to the tabOpen() function. function tabOpen($this) { $('a', $this).stop(true, true).animate({ 'top': '15px'
Fluid Images with Masonry
I'm trying to make a responsive layout with fluid images that work with Masonry and jQuery so when the browser window is resized the images will shrink or expand accordingly. When the images become to small or large, Masonry should then adjust the columns. Here is an example of the effect I'm going for: http://themeforest.net/item/pitch-responsive-creative-showcase/full_screen_preview/4558088 You can actually see this affect done on the Masonry homepage as well: http://masonry.desandro.com/ The problem
Text Input - Can be used as Notes in App?
Hi guys, I'm trying to build in a notes feature to my app using JQM. How can i make the notes stay on the device when the user comes out of the app? Cheers, Nat
position().top returns unexpected value if element has display: none
I'm trying to position a popup dynamically if the window is scrolled to the point where my default position wouldn't be appropriate. The div has an id style: #gallery { position: absolute; top: 90px; display: none; } I'm trying to compare $(window).scrollTop() with the current top value - if the current top is less than the scroll position, I change the top to the scroll top plus a small additional amount. The reason I'm trying to read the current top is so that I can have an arbitrary top
dialog.html() changes stacking order in 1.10.3
I'm not sure if this a bug or not. I have several dialogs open and would like to update the html content of them (refresh them) without changing the stacking order. To make the refresh happen existingDialog.html(newContent) is called and this sets focus to the dialog which changes the stacking order. This does not happen in 1.9.2 and is (to me) a bug. I have confirmed that focus is being set by handling the dialogfocus event and printing to the console log.
Issues with Dynamically generated rows for a form
Hello people, I have a time entry form where 4 inputs exist - 1. Select id="project" based on which 2. Select id="task" is generated, 3. This is a hidden text input which shows when option "Add task is selected" in tasks select This is being achieved with jquery & js 4. Fourth and last is time entry for each day of week . Now what I did is included an "Add Row" button that replicates these 4 fields on click. The change in one select field is mirrored across
How to connect my website with my own made jquery site?
Hello, I've made my website with Artisteer 4 and Artisteer automatically creates a responsive design. But i've made my own mobile website with jquery and when i visit my own website with for example iphone i see the responsive design that artisteer has created. When I visit my website using a mobile device I wish that I get to see the mobile site of jquery. How can i do that. I've tried to upload the jquery files to the same folder als my website but i didn't work. Gr Boris
Next Page