How to implement lazy load to booklet.js?
I'm using Lazyload to load my images. http://www.appelsiini.net/projects/lazyload To check if lazy load works, On partial load - i save the page (Save As) in my browser and compare it with the fully loaded page. [the size of fully loaded page >> size of partially load page] But in booklets.js - http://builtbywill.com/code/booklet/installation when i follow the same procedure, the entire page is always saved. [the size of fully loaded page = size of partially load page] My booklet is full of images
Jquery ajax and returned data interaction
Hi there, So.. I'm using $.(ajax) method, but when data (<div id="t1">text</div>) is returned jquery will not interact with it. for example, use click event when someone click on this div which returned using ajax. thanks.
Broken images.
[Error] Failed to load resource: the server responded with a status of 504 (Gateway Time-out) (defaultPhoto.png, line 0) https://i1.wp.com/img.zohostatic.com/discussions/v1/images/defaultPhoto.png?ssl=1 JΛ̊KE
Bounce not working on first open of a dialog window
I am using the following code to open a dialog window with a bounce effect. $( "#dialog" ).dialog({show: { effect: "bounce", duration: 800 }, buttons: [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } } ] }); The first time I open the dialog window it doesn't bounce. It bounces for all subsequent opens. This issue occurs in IE, FF and Chrome. Is this a bug or am I doing something wrong?
Using JQuery in a bookmarklet
I'm trying to create a relatively complex bookmarklet that uses jquery as well as some other large scripts. I know the trick of inserting <script> tags in order to load jquery and my own script. What I can't figure out is a reliable way to wait for jquery to be loaded so that I can continue execution of my scripts that use $. Right now I'm trying to busy-wait for $ to be defined, but sometimes that seems to totally hang my browser if there's some problem fetching jquery. I could add a timeout
Exchange content of two divs with a seem class name
Hi Suppose i have two divs with the seem class name for example "column", how to toggle theirs content when user click and with a sliding animation if possible. For example : <div class="column">Content 1</div> ... <div class="column">Content 2</div> ... <span class="togglediv">Toggle</span> When toggle span clicked, the result will be : <div class="column">Content 2</div> ... <div class="column">Content 1</div> ... <span class="togglediv">Toggle</span> Thank you
There is any function to add a smooth effect to an expand search bar on click?
I'm trying to make an input search that expands when we click in the button class = "expand". I already have this working with this basic jQuery, but the effect is a bit bad, its not soft. I've been looking for information on the web to see if I can add an effect to soften the expansion of the input but can not find anything. Anybody out there know what function I can use jQuery for this? jQuery <script type="text/javascript"> $(function() { $('.expand').click(function() { $('#test').show(300);
History and the back button
I have a web app that I converted from corral methodology design (one stub file that includes header/content/footer) to a one page ajax system. The index page calls a router page via ajax that includes a code (lasso or php) and html page just as corral. After the code is loaded into the content div, I bind all forms and links with ajax back to the same div for content. Works flawlessly UNTIL I need the back button to work. I have looked at history.js and others but am unsure of the easiest path.
jAlert is not working the JSP code
Hi, jAlert is not working the JSP code. I am checking if jQuery loaded and based on that displaying alert using jAlert if(typeof($) != 'function') alert('This component requires jQuery.'); else $(function() { jAalert('The DOM is ready for jQuery manipulation.'); }); can you please tell why its not working
Is it safe to pass plain text password to jQuery.get()?
Title. $("form").submit ( function(event) { $.get ( "/php/scripts/authenticate-user.php", { email: $("#email").val(), password: $("#password").val() }, function(response) { $("#result").html(response).show();
simpleModal does not resize after image load
0 down vote favorite It seems that, unless the image it displays is already loaded, simplemodal won't resize to encompass the image. I've tried to preload the image, setContainerDimensions() and update() but I'm too inexperienced with jQuery to implement these possible fixes correctly. I know others have had similar issues but I'm sure it's nothing wrong with simlemodal, which is great, though the demos are a bit limited. jQuery(function ($) { // Load dialog on click $('#basic-modal .basic').click(function
Highlights some <p> class
Hi guys, im new in jquery but im trying my best. Here's the problem, i have this "formulary" with some questions i made with <select> and its working fine. but i need to highlight some paragraph on the text when the guy marks the correct option. heres some part of the structure( if you want i'll put the whole thing) <p> text text text text <p class="class1"> TEXT I NEED TO HIGHLIGHT WHEN DUDE SELECT'S RIGHT OPTION<p> text text text <p> function verificaQuestao1(){ resetaAlternativaQuestoes1();
jquery settings wiped out when I cover webpage with a div
I have a webpage with JavaScript and jQuery. It initializes some global variables, and runs a (document).ready routine. But I also have a button on the page, that when it is clicked, causes a DIV to appear that covers the page. The DIV's CSS class is: .overlay { position:absolute; top:0; left:0; width:100%; height:100%; min-height:100%; z-index:1000; display:none; } Note that normally it is invisible, because the display is set to NONE, and also note that it
problem with toggle (shows and hides many times)
I made a toogle navigation and it doesn't work. when I click on a link in the menu, the toogle appears and disappears several times. I'm really new in jquery. Could you help please? <script type="text/javascript"> $(document).ready(function(){ $(".btn-open").click(function(){ $("#panel").slideToggle("slow"); }); $(window).resize(function(){ if ($(window).width() < 1024) { $(".navigation li").click(function()
JQuery Load and missing data
Hello ! I have a webpage containing lots of php and JQuery code. From this webpage, I use the Load function to open popup window and load webpages inside it. I noticed that, randomly, I get some console error about "typos" in the code when opening the webpage, like "var foo 10" instead of "var foo = 10". Weird thing is, what's really in the webpage is "var foo = 10". When I check the post performed when the load function is fired, I can see it load the page with missing/modified data randomly, causing
sort
Hi, I have the table is displayed the results from the query. It worked fine the sort by asc or desc. Is there the way to find out which field is user is clicked on for sorting? My code below has 4 fields. I want to able to tell which field is user is clicking such as, Type or Number or Result....? Thanks <script type="text/javascript"> $(document).ready(function() { $("#thetable").tablesorter({ // sort on the first column and third column, order asc sortList: [[2,0]]
Ajax problem can't figure out
I have a slect menu that i am passing value to ajax ...this is giving me constant error but should be simple. Does anyone see what I'm doing wronmg. Using jquery-1.10.2.js with http://code.jquery.com/jquery-migrate-1.2.1.js CODE: $("#Dcust").change(function () { $("#Dcust option:selected").each(function () { var BCN = $("#Dcust").val(); var request= $.ajax({ type: "GET", url: "PM_incl_FiscalPeriod.asp?BCN="+BCN }); request.done(function(msg){ $("#FIDcontainer").html(msg);
Navbar Tabs Active Issue
Hi Team, I would like to say thank you to team for provided great framework. Yes I have started mobile application with using 1.4.2 latest version. In specific screen I have used Navbar for Tabs and same screen I have overlay menu also like example (http://demos.jquerymobile.com/1.4.2/panel/), when I pressed 2nd tab tab will be activated and change to some other background color which is shown tab activated. Now my 2nd tab activated click on overlay menu icon, once I clicked overlay menu icon activated
Problem using word search and highlight
Hi! I was looking for a simple search and highlight code and I found this one: $(function(){ function searchAndHighlight(searchTerm, selector) { if(searchTerm) { //var wholeWordOnly = new RegExp("\\g"+searchTerm+"\\g","ig"); //matches whole word only //var anyCharacter = new RegExp("\\g["+searchTerm+"]\\g","ig"); //matches any word with any of search chars characters var selector = selector || "#bodyContainer"; //use body as selector if none
bug with chome and popups
Hello, I found this bug and I wonder if anyone else has experienced it. I have a popup with only an image inside; the image is inserted in the code, it is not a background image. With Firefox, by clicking on the link that opens the popup, everything is fine. In Chrome not, it is like it is not calculating correctly the size of the image. I have to adjust a bit the size of the window and the image in the popup appears. This happens only the first time the popup "open", the second time it opens fine
Run a function after pagecontainer change
I'm wanting to run a function after a pagecontainer change to populate my page from a DB. I'm looking for the same functionality as .ready() in jQuery. I've seen both load and show, but I can't get either to work. I've used the following code: function goToHome(){ $(':mobile-pagecontainer').pagecontainer('change', 'index.html', { show: alert('test'), transition: 'slide', changeHash: true, reverse: false, showLoadMsg: true, reload: false }); } But my alert is
Slide menu loading from other file
Hello. I have my new site at www.nirn.pl and i want to do small, but hard for me thing. I need to load sliding menu from other file, because its impossible to copy later menu to all html files. Somebody can give me some help how i can do this. I dont want to change structure of my menu.
Enable checkboxes by another checkboxes
Hi Guys, I using following skript to enable/disable checkboxes depend on other checkboxes. Any idea how to make this script more simple and general. For example if I will need to add another group of checkboxes in the future or if there will be more than two levels. Fiddle HTML <form name="" id=""> <input type="checkbox" name="" class="controller01" />Controller1 <input type="checkbox" name="" class="controlled01" /> <input type="checkbox" name="" class="controlled01" /> <input type="checkbox" name=""
Upload Image and insert the name in Database
$files[] = $uploaddir .$file['name']; $photo=$_POST['photo']; $query = mysql_query("INSERT INTO mosque VALUES('', '$nom', '$long','$lat','$photo','$adresse','$ville','$pays')", $this->db); th name of photo has inserted ike this:C:fakepathChrysanthemum.jpg, i want to insert just the name of image
I want my <p> to disappear when double clicked.But I can't figure out what's going wrong here.
<title>click demo</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <style> p{ color: red; margin: 5px; cursor: pointer; } p:hover { background: yellow; } </style> </head> <body> <div> <form> <input type="text" id="myText" value=""><br> </form> <input type="button" id="but" value="Add" /> </div> <script>
Delete records as per check boxes 'checked' works but cannot refresh the page at the end
Dear All I had written a jquery that will select multiple records and delete them The JQUERY Deletes the selected records (records whose check boxes are checked) But, refreshes the page after deleting each record which is I want to Refreshes the page only after deleting all 'selected' records ->at present refreshing the page after deleting each records I amusing following code to refreshing the page location.reload(); // refreshes the page If possible display the list of records deleted in
Changing an image
hello I am wanting to fade out a series of images from my web page and I have written a few lines of code to complete the task. I have, say, three images 1.jpg, 2.jpg and 3.jpg. I create a for loop to write to a div container each of the jpg's. I cannot get the functions to work properly. The images do fade but they do not update, they all stay at 3.jpg. Can anyone explain what I am doing wrong, pleasE? The code function DoImage(pageId){ var imageContent function DoImageShow(index){ imageContent
Panel is not displayed
I have implemented a Panel, but when i click on the button to display it, nothing happend. U can se it on http://mobile.babiry.com/. The top right button should display the panel. Thanx for your help!
External panel not animating smoothly JQM 1.4.2
Hi guyz, I've setup a testcase with an external panel. When I click the menu-bar icon (top left) the external panel is sliding in 2 pieces ("close" and "page A") items, and the rest "page b,c,d". Same splitted sliding effect is occuring when the panel is closing. First the bottom 3 items dissapear, then the top 2 items. This behaviour is not quite pretty. Bug in 1.4.2? Check out my testcase http://apps.flexmedia.be/wvt Thx, Christophe
Sidebar Menu Scroller
I am trying to develop Sidebar scroller (Its an Audit application), at the sidebar i want to give form question link which will be opened on side page as form so user can fill the form. I have got more than 1000 questions, wile selecting the question the side bar menu scroller need to get some specified color from both side. eg: if i am selecting question 1.1.1 it need to get some color as highlight on both side of the scroller, i dont want entire link to be colored. Any help please. Thanks.
.val()
Maybe someone here can help me. I'm trying to use some jquery to do a work around for ckeditor/cf bind issues. my form: <cfinput name="validate" class="temp" type="text" bind="cfc:model.myfucntion({selectvalue})"> and I have a select with an onchange event executing my jQuery. in the jQuery function: If I do console.log($('.temp')); I get the object example: [input#validate.temp, prevObject: jQuery.fn.jQuery.init[1], context: document, selector: ".temp", constructor: function, init: function…] 0: input#validate.temp
Problem with automatically generated <br> after <script> lines using jQuery UI Accordion
Hi! I'm using a simple jQuery UI Accordion. Every time the accordion works properly, there's a huge white space. If I add text before the scripts run, the space is after the text but still before the accordion. Using Inspect Element, it looks like <br></br> is being generated 3 times - once after each <script></script> line of html (see below). I don't know why they are being added or how to remove them in my html code. Here's the html in my WordPress Text editor. In the example, the white
Can be be done with jquery or ajax?
Hi, I have a desparate situation. Sorry for bothering you with it. I have this: <asp:RadioButtonList ID="RadioButtonList1" runat="server" align="center" style="width:20px;height:20px;zoom:150%; white-space:nowrap;"> </asp:RadioButtonList> The values of RadioButtonList are not known until runtime. However, I did a VIEW SOURCE and was able to get their values. What we would like to do is determine the value of RadioButtonList1. It is say, for instance, 29, then show a certain textbox. Here is one
OO PHP, Dynamic Menu Sortability, & Database Updates
I have found jQuery examples of how this can be done using html post data. But when I apply it to my OOP web app I cannot get it to work. There is defiantly something I'm missing. I am very new to jQuery. Here is what I am trying to accomplish. I have a CMS app with pages for CRUD. Each page requires header.php, which contains the html header info and html body elements common to every page. My menu navigation div lives in this header.php file. A PHP function, navigation(), is what outputs an unordered
where can I get this amazing script
Dear Sir My client want (for slide show ) juist like http://www.photorestorationretouching.com/ Pls help where can I get it ? Pls help
with UI datepicker i have two buttons to select previous and next month problem
My goal is to have two buttons to select previous and next day. (I tried it with 'm' for months: same defect). This is my code: $('#oneDayBack').click(function(){ $('#datePicker').datepicker('setDate', 'c-1d'); alert($('#datePicker').datepicker('getDate')); }); $('#oneDayFwd').click(function(){ $('#datePicker').datepicker('setDate', 'c+1d'); $('#datePicker').datepicker('refresh');
Autoselect default value in dropdown
Struts code in jsp is <s:select name="code" id="code" headerKey="-1" headerValue="Select" list="senderList" listValue="code" listKey="id" /> which gets converted to html code as shown below <select name="code" id="code" > <option value="-1">Select</option> <option value="1">ABC1</option> <option value="2">ABC2</option> <option value="3">ABC3</option> </select> ABC1,ABC2,ABC3 are 3 different codes which can be assigned to a user.In the user info which i am getting from database, i
Apache 500 error help
Hello, Im using CGI to access paypal. It's connecting, returning successful paypal response. But, Im getting an http 500 error. The error log says: [Fri Mar 14 99:99:99:99 2014] [error] [client 88.88.88.88] ZSRV_MSG0108: Header from script is not valid. Bad header is Key Manager Factory: Im using an ajax call to a java program within my domain that is sending a request to paypal, getting a successful response but returning an apache 500 error. The program works because I can run it from a command
jQuery UI accordion widget will not work with dynamically created HTML
Im trying to implement jQuery UI accordion in a "context sensitive" object properties palette. The content of the "accordion " <div> is dynamically created depending on the object selected. $("#accordion").append( "<h3><a href=\"#\">"+key+"</a></h3>" +"<div><p>" +" Attribute Information" +"</p></div>" ); Once this content is generated, the entire content is displayed but there is no accordion action. I can, however, use developer tools to go in and copy the HTML that was generated,
How do I redirect all links in an RSS feed to "click" a button on each page??
I have a job board feed and instead of the page redirecting to the job detail screen, i want it to "click" the Apply button and auto redirect the person applying to the job application. The page the RSS feed links to is made up of Javascript and I do not host the job board, my software company does. How can this be done?? If i need something from them, what? I am VERY new to javascript, and I'm willing to learn, I'm using wordpress for my website, which is where I would like to display the RSS feed.
Next Page