Is it possible to load a page, after website has fully loaded?
Hi guys, I am pretty new to jQuery and my programming skills are almost non-existent. :( But I was wondering; is it possible to create something which will load a page (or php include) when the website has been fully loaded with a loading bar? The reason why I want this, is cause I am building a website and it will have a ping (to severs) script, but it takes a "long" time to load (depending on the servers that are being pinged). So it can take anywhere from 2 or 3 seconds to 10 seconds (or even
jQuery - Scrolling browser page
Hi all I have two demos of scrolling page content with jQuery. This one is scrolling the contents inside a container and it works as I wanted on Mac/PC <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>untitled</title> <style type="text/css"> *{margin:0;padding:0;} div#wrap{width:600px;margin:50px
Selecting only within a generated DIV?
I've got a hidden template div that contains an <LI> that is cloned and added to an <UL> on the fly. The cloned <LI> items have placeholder IDs. What I want to do is find all the IDs *within the cloned <LI>* that has a defined string in it (and then replace that string with the proper index, etc.) So, for example, here's the HTML of the template: <DIV id='thisLineRowTemplate' style="display:none"> <LI class='arrow' id='thisLineTemplateLI'> <a href='#ex_EXNUMBER'> <DIV class='LABELCLASS
Counter that creates div
I'm using a jquery div slider for displaying image galleries. But I have to add those galleries all manually. To automate this, I have a scripts that generates thumbnails of bigger images. Then I use another jquery script to display the bigger images when a thumbnail is clicked. It lacks only one thing. I need some counter that counts images or li lines and creates a div when a specific amount is reached. For example: when I have more than 20 images (say 25), the counter detects it and creates a
About the big interface created by JQuery UI...
Hi everyone, I just tried the customizable jquery-ui, but in the application of $("#MyButton").button(), it created a really big button, nothing like a normal size, just like in "http://jqueryui.com/docs/Getting_Started", I didn't modified any original setting, I wonder if you can help me? or am I doing something wrong? Thanks in advice (Y)
How can i call common events method first
if we does the click event on any of the Entity it should call userdefined method or event then the general event example this code calls $(window).click(function(){ alert("I am supposed to be called first"); }); $("#div1").click(fucntion(){ alert("I am suppose to be called next"); }); $("#div2").click(fucntion(){ alert("I am suppose to be called next"); }); $("#div3").click(fucntion(){ alert("I am suppose to be called next"); }); recieving out put as I am suppose
Validate and Localization string?
What is the localization string for the message "Please enter a value with a valid extension."? Cannot find a trace of it in any of the localization files...
$(".classname").click(); not working on IE nor Chrome
Hello, I need a webpage with a lot of input:text and select:option. each modification on an element must be immediately validated through ajax. for this reason, the best choice i've found is to add a form element around each box. and use the classname of the input:submit button to identify the form instead of the ID of the form. the submit button is hidden so the default choice to validate the form is to press enter after modification in the cell. however, as it works perfectly in FF and Opera, nothing
Superfish on IE7
Hi all, I'm using the superfish plugin to create a menu. Everything works fine, but not on IE7, the first and second level show as expected. But the third level doesn't. Looking at the superfish example, using IE7, everything works ok. So I must have messed up some CSS somewhere, but I cannot find it :(. Is there someone who is more familiar with CSS and Superfish who can help me? The website I'm talking about is http://incubator.apache.org/celix and the third level menu can be found under "Documentation"
Galleriffic navigation help!! Navigation growing exponentially?
Hi all, I am most familiar with HTML and CSS so javascript is somewhat foreign to me. I have been working with jqeury quite a bit lately and have gotten some awesome affects. I am working on a website for some family and am now stuck. I have two issues with the gallery: 1. When you arrive at the second page of thumbnails you are given an extra set of navigation, and when you start clicking them it grows and grows. 2. I might be able to alleviate the problem as I don't mind having more than 20
Help me improve this effect
I have simple script that loads an image. I've used fadeOut to hide the current image, and the call back function to load the next image after the first has finished fading away. My problem is that clicking quickly across the links, faster than the images fade and load and fade in, often ends with the wrong image displayed. What's best practice for something like this, how can be make sure the last image clicked is the image that loads? $('#icons a').click(function(event){ event.preventDefault();
Is it possible to attach a jQuery plugin without attaching the jquery 1.8 iu?
hi folks. im new here at jquery forum. as the title says. is it possible?? how? cause the jquery ui filesize is a bit large. for example. is it possible to attach only the accordion plug in?? not including the jquery ui?? just like how the hoverIntent plug in works? thanks.
stuttering when using load() and change() happens after next setInterval()
hello, i have 2 problems. this is the code: setInterval(function(){ $('#responsecontainer').load('response.php').change(); }, 30000);After the load the change() triggers a live event! The loaded content are some div's with id's and content. Within the change() trigger i grab the data from those div's and put them into another div when a certain criteria is accomplished. The problem is that when the change() trigger grabs the content they are empty untill the next load(). Here the change() trigger:
How do I select an <a> tag by it's src?
How do I select an <a> tag by it's href?
got "Failed to load resource: cancelled" Error when using Jquerymobile in difference browsers
Here is my code <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script src="http://code.jquery.com/jquery-1.5.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script> </head><body> <div> <img src="avatar2.jpg" width="80" height="80" > </div> </body> </html> The image did not show in any browsers (firefox, safari, chrome). If I commented out the jquerymobile library, the image showed up.
Bind tap to left image on search input
Is there a way to bind a tap the image? Would be nice to start a search.
problem with horizontal scroll and vertical slide combo
Hi, I am fairly new to jQuery but I am working on this site www.aandhc.com/sandbox that has horizontal page scrolling (which i figured out how to do) but also needs the main container to slide up when the projects link is clicked and the projects container will slide in. Its kind of working now but the sliding effects is not working correctly and the page is not transitioning to the correct anchors when you leave out of the project section. Any help would be greatly appreciated. Thanks
How do I select an <a> tag with by it's src?
How do I select an <a> tag with by it's src?
Changing src of two images on click
I want to swap the source of two images when you click on one image. Basically, I am switching on/off states. But I can't even get the first part to work. Here is a function that I would think replace the word "off" in the image file name with "on" when you click on an image with the class .img-swap. After that I would imagine I would toggle the class of each somehow. $(".img-swap").click(function () { $(this).attr("src").replace("-off", "-on"); });
How work with jQueryUI Datepicker?
Hello! Can you give me example how react on user click on datepicker? For example, i have inlined datepicker and want to show alert with selected date. If i write code like that: $(function() { $("#datepicker").datepicker({maxDate: "Today"}); $.datepicker.formatDate('ddmmyy'); $.datepicker.setDefaults($.datepicker.regional['ru']); $('.selector').datepicker({ onSelect: function(dateText, inst) { alert(dateText); } }); }); Nothing happens! Please, give me example of working code!
ui-li-aside causes truncation
Usiing <span class="ui-li-aside"> in a list causes the main text to be cut off with ellipses (see "clothing and..." below). This is OK but it seems to do it unneccessarily - there is a huge gap between the elipsis and the side text. In a browser like Firefox it is not truncated - the text will overlap if minimised enough but in Safari and on my Nexus one it displays the truncating behaviour. Any ideas?
Can someone help me with a lightbox please!
Hello, I work for a small non-profit and we are looking to add a lightbox to our homepage. I have no web design experience, although I'm in the process of learning HTML/CSS and then will move on to JS. That said, I can't figure out this lightbox. Right now, I have it where if someone clicks on the linked word, it'll pop up. However, I'm hoping to change two things. 1. I need it to pop up automatically when someone visits the page. 2. I really need to link the image someone else. The way it's set
Adding content to datepicker markup
I am currently messing with the jQueryUI datepicker plugin, and have so far managed to get it working. However, I need to add some html to the datepicker when it is shown. What I want to add, is a link to a help description (but it could just as well be a custom image or a paragraph of text). From what I have been able to deduct from the documentation (http://jqueryui.com/demos/datepicker/) there is no method or event I can just out of the box. I've tried adding my content in the "beforeShow" event,
Datepicker passing values to it?
I'd like to pass a value to the datepicker. How would I do that? When datepicker closes the calendar after I choose a date I want to execute a function with that variable below. $( "#CallBackDateandTime" ).datepicker({ changeMonth: true, changeYear: true, onClose: function(dateText) { Update(this.id,dateText, xx); } });
dynamic attributes
I have a list that is displaying fine. Each list item is linked to #video. I am generating the list via php/mysql. I was wondering how I could pass an ID to the #video page. Thanks I tried making the links #video&id=aNumber, but I get the "error loading page" error
Timing issue with connected sortable?
Hi all, I am trying to build a connected sortable that will maintain a column height of 10 items, and preserve the sort order across two columns. Everything looks like it's working when I slowly drag items from one column to another, however, if I hover over multiple columns before dropping an item, or drop really quickly, the list becomes unbalanced. I can't reproduce it when I set breakpoints in Firebug; not sure if this is an issue with my logic ( I know I am exploiting closures..which can be
Access to variable that is returned from the $.ajax "success" setting?
Hi, I am trying to access a variable that is return from the "success" setting from an $.ajax call. I am not sure how to do this. I have attached the code below. Maybe there i a different way to get this variable? $( function( $ ){ var xmlPath = '/site_media/xml/regions.xml'; var regionMap; function parseXml( xml ){ var map = {}; $( xml ) .find( 'region' ) .each( function(){ var regionName = $( this ).find( 'regionName' ).text(); var manager = $( this ).find( 'manager' ).text(); var phone = $( this
ZrssFeed using invision feed but getting error
Using ZrssFeed (http://www.zazar.net/developers/zrssfeed/) to display the rss feed of my forum but it's returning an error <script type="text/javascript"> $(document).ready(function () { $('#test').rssfeed('http://www.fmuforum.com/index.php?app=core&module=global§ion=rss&type=forums&id=1', { limit: 5 }); }); </script>When you then load the page with the script yo uget the error Feed could not be loaded.It seems to be related to something to do with the format of the RSS as others
Jquery Cookie not working properly
Hi, I am developing a visualforce page and i am trying to expand and collapse the panel that has links to different pages. I used jQuery to expand and collapse the list. But when I expand the list and click on one item, the page gets refreshed and the list is collapsing as by default i am hiding the list. When user clicks on the list heading i am opening the list. The Jquery i am using is as follows: <script type="text/JavaScript" src="{!URLFOR($Resource.jQuery)}"></script> <script type="text/JavaScript">
Splitting data out of the name attr
I know this is probably super easy....but how does one extract var_1 & var_2 out of this? <input type="checkbox" name="checkbox[var_1][var_2]" />
no page refresh using juery and wordpress help
Hey I was wondering if some one could point me in the right direction. What I'm trying to achieve is blog page that will have no page refresh when you sort between categories. I found this tutorial and it works great in html and php, but when you go to you use it with wordpress only some of it actually works. The actual load function of the div #content is the only part that is not working for me. Like I said if anyone can point me in the right direction I would really appreciate it. Thanks in
Smoothen up jQuery iviewer
Hi! I downloaded the jQuery plugin iviewer http://test.dpetroff.ru/jquery.iviewer/test/ and I wonder if any of you guys have any idea of how to make this script run smoother? You know smooth zoom and pan effects. Kind regards, Karl
tmpl plugin and version compatibility
hi, all I am assuming this plugin, http://api.jquery.com/tmpl, is the recommended template for jQuery. On the page, it says "Version added 1.4.3", does it mean it only works with 1.4.3 and up? The reason I am asking is that it is not working as I expected on 1.4.2 - it could be my fault, but want to double check its compatibility before I invest any more time to debug ... Thanks Oliver
Diferent IE8 PROBLEM
Did someone knows why this is showing in IE8 ?
Loading Stylesheets on the Fly, Font Preview
Hey Guys, Background: We are trying to integrate Google Fonts into an interface we are developing; where users will choose a font, and then get a quick preview of the font. With Google, you need to load in a stylesheet for the fonts... so we would need to change this whenever the user selects a different font. Question: Is is possible to load in a stylesheet on the fly with JS and have the changes be visible to users instantly? Andrew
Slow script errors caused by jQuery.fn.extend.find
I have a form that is dynamically constructed using JSP. It creates a spreadsheet-like table where the user associates a row with a column by clicking a radio button. It's possible that there may be up to 400 rows and 50 columns, making the table unwieldy. (For example, the row and column headings disappear when the user scrolls down or to the right.) Our solution was to create a tooltip on each radio button to identify the row and the column of that radio button. It works great for a small
process body onload event for multiple iframes on html page
I have an html page with several iframes on it. The iframes all load a particular javascript file called main.js. In that javascript file, there is a function X. How can I through code written in the main.js file cause function X to be called upon the body onload event of each iframe? Some of the body elements in the iframes already have a onload function specified in the <body> tag in their html file. I would like this function X to be called in addition to any such specified functions in the file.
.change is not being detected from select in table cell
I added a test script to detect the change of a html select object and it is not firing. The select is within a table row. The table id is: flogtable and the select is in the first row. The test function I added is: $('.symselect').change(function() { alert('Handler for .change() called.'); }); What am I missing?
Element beforeunload
hi all, Can u tell me is it possible for when am unload the div i want confirm message .its should be common method. ex: $('#divid').load('test.php'); <div id="divid" >some message </div> here before replace the content .i want cofirm message alert("you want replace the content'); by M.Maheshrajkumar
Accessing JSON
All, Very very new to jQuery, so forgive me in advance if this is a simple question. I'm trying to build a single page web app using jQuery, jQTouch and, obviously, HTML. Right now, at a stage where I'd like to pull in content from a Wordpress site. I have been reading up and playing with the capabilities of jQuery to accomplish this, and I've been able to work through some of the examples, but I'm having a hard time getting this to work for my specific feed. I'm using the code below -- trying,
Next Page