Liberate memory of DOM ! Need Help ! Please...
Hello everybody ! Sorry for my English... I'm French... I've a big question ! I'm working with my iPhone, but my question is jquery and not jquery mobile so : I've a structure of page : <div id='art'> <video id="vid"....></video> </div> To empty my div, I make $('#art').html(''); But when I test : var movie=document.getElementById('vid'); $('#art').html(''); alert(movie); I have an object [html Video].... and not null... So it's in my dom and in my memory... so : my method is bad ? How
How to monitor any HTML element for a change - in either it's inner HTML or CSS...
.change() is only for form elements minus check boxes/radio buttons, etc... Are any of you aware of a script that does this already? Hopefully one that is easy to implement... I just want to monitor things like height, number of inner elements, or any change in the inner HTML... thanks, j
Slideshow style image transition on click??
This is the HTML I am currently using: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #container{width:960px;margin:0 auto;overflow:hidden} #sidebar{width:300px;float:left;margin:0 20px 0 0} #sidebar ul{list-style:none} #sidebar li a{color:#363636;text-decoration:none}
Superfish Menu Font Question
I'll admit I'm no expert on CSS, but I thought I could figure out what style or class is controlling the size of the first submenu font in the standard Superfish menus, but I can't. The first set of menu selections looks to be about 1 point smaller than the subselections that appear when I hover over one of the first menu selections. Can anybody clear this up for me? Thanks. ---------- Rick
Back button will return user to a page even if page has been removed from dom
I have a simple CRUD type app written in Jquery Mobile. In order to prevent caching of the page that contains a list of all the "items", I delete the page from the DOM when the page changes. Unfortunately, when a user clicks "back" to return to the page they just left it will display a blank page rather than request the page again. I need either an alternate way to prevent caching of that page, or a way to ensure that the back button won't send the user to a non-existant page. Thanks in advance!
How to do this effect (fadeIn?) without plugins
I have a div (background red) and I'd like to shade it to black, such as fadeIn() function from red to white, instead of display:none; to the color. Is it possible do it without plugins?
jQuery pm system
i have made a small pm system with jQuery for my site. When the page loads i would like the content of the first pm to be loaded into the div on the right. the div on the left holds the subject name and sender of the pm. All the pm divs in the left pane have ids beginning with message- and are followed by their id in the database: <div id="message-109"> the message content is housed inside a hidden div with the same id type <div id="content-109"> then when a message is clicked this div is simply
Microsoft .NET chart controls on mobile
I am using Microsoft .NET chart controls to render some bar graphs. how do i display the charts so that they are mobile optimized ? I am using JQM libraries for presentation and C#.NET for backend. Please advice. <div id="dvTabContainer" style=" margin:0px 0px 0px 0px;" > <cc1:TabContainer ID="TabContainer1" runat="server" OnActiveTabChanged="ChangeTab" AutoPostBack="true" Width="750px" ActiveTabIndex="0" > <cc1:TabPanel ID="tab1"
Best RSS / JQuery Option??
Hey Gang, I need a solid and reliable RSS parser for my web page. I saw jPage and it looked good except the RSS must be on the same domain - which seems to miss the point a bit. I need a high level of control in the display of content, and any help is much appreciated!
Need to write URL to HTML but it loses query string symbols...
I am using this in a java script block to write code to a page (for use as a new XML set: html += ' <segurl>' + vurl + '</segurl>'; But the printed URL var is deleting all needed characters in the string, leaving this: http://www.bctest.com/fullplayer.aspx#/ Show 70: New Hospitals Are Needed/BCTEST 04.10.11 - [1] New Featured Story/608459720001/898494604001/895805715001
Any page with a select using data-native-menu=false modifies the page title with the placeholder option text.
Example: jQuery Mobile's own documentation page: http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html As you can see, the <title> now contains "Choose one..." several times, once for each select using data-native-menu="false" that has placeholder options. Any ideas on how to fix this?
using hover with live function
my jquery was intially was $(document).ready(function () { $('ul.nav li').hover( function () { $('ul', this).slideDown(100); }, function () { $('ul', this).slideUp(100); } ); }); this works well , but
Can't select "dynamically" created element by id
Hi all. I'm confused by some jquery behavior. I've scoured google for an explanation, but I don't get it. I'm creating some rows and cells in a table with javascript. I'm then trying to select these cells individually by id, but jquery can't seem to find them. It always returns length 0. The jquery code is, I believe, executing after the cell creation, so I would expect them to be in the DOM already. I can bind the click event to each cell by selecting the cell's class. Why can I select the class,
How to handle theme with transparent backgrounds than also use Ajax dialogues
I've built a simple CMS that handles different themes based on the jQuery CSS class structure, and also uses Ajax dialogs to edit page content. Switching between standard jQuery themes works a treat. But if falls over when a client wants a theme based on transparent background, as the Aiax dialogues based on the ui-widget-content class then also apear transparent; resulting in the user geting very confused. I've fixed the problem by basing the client site theme on non ui-classes, and the Ajax
Jquery autocomplete remote call - disable after a space
Sometimes my autocomplete ajax takes too long and the response happens too late - is there anyway to close the autocomplete processing/drop down (ignore the results from the JSON) once a user enters a space character? Thanks I'm using: $(function() {
var cache = {},
lastXhr;
$( "#birds" ).autocomplete({
minLength: 2,
source: function( request, response ) {
var term = request.term;
if ( term in cache ) {
response( cache[ term ] );
return;
}
lastXhr = $.getJSON(
Problem with Cancel button when jQuery Dialog is combined with jQuery Load function
Hello everyone! My team and I are having an issue with the Cancel button not working in our jQuery Dialog. When the user clicks the button, nothing happens. All of our JSP files are based off a template.jsp that calls the jquery-1.4.4.min.js and jquery-ui-1.8.10.custom.min.js scripts. On our main page, we have a button that we would like to click and call a javascript function (showHistory) that displays a modal dialog. This modal dialog would display the history page from our site. The code that
jQuery UI Autocomplete extraParams Problem
I have a jQuery autocomplete application where the user types a query into a text box and autocomplete suggestions are returned. (It's working fine.) I would like to restrict the suggestions that are returned by passing the value of the selected option from a drop-down list (#deptField3) to the PHP script that does the autocomplete look-up. Here is my code: <script type="text/javascript"> <!-- $(function() { $("#directorySearchField-desktop").autocomplete({ source: "/directory/includes/scripts/autocomplete.php",
How should I make a div change image when changing the page in drupal?
I have next url for you to look at www.jellev.com/bloem/ and i want the blue bar to contain an other image for 'some' pages... the action should be performed on the click of the menu items of my drupal site. I was thinking that this would be easy with jQuery but the problem is that jQuery is a clientside action and when the link is clicked its a server side request response and the image should stay the same... is this a little clear ...? It's a very complex explanation for a simple problem i think.
Check each Property of an Object
Hello, i am locking for something to get all Propertie`s of an Object (with an each loop?) <div id="blub" class="blah" name="blah"></div> <script> $('div').attr(function(){ //somethink like that. Know that its wrong $.each(this) }) </script>
images resizing not working proper
I have a lot of images on a page and the have to be a little bit larger, so i dont want to change all of the css. I have made a couple of lines of code which doesn't give the right values back. The images have all diffrent sizes. $('.imgbox').each(function(){ var getX = $(this).width(); var getY = $(this).height(); var addX = 10; var xH = getY + addX; var xW = getX + addX; $(this).children('img').css({width: xW + 'px', height: xH+ 'px'}); });
Getting colors from jQuery UI themes
HI there, I'm trying to get the colors from the current jQuery UI theme from javascript - I've tried the following, but they always seems to return the same color no matter what theme I'm using: $(".ui-state-hover").css("color") $(".ui-state-default").css("color") etc. Any advice appreciated. Best regards, ~Kieran Simkin Hybrid Logic Ltd http://hybrid-sites.com/
attaching events to dynamically added elements
I have a form where the user can add new fields by clicking 'add another item' button. Each new field has a 'remove' button attached to they can remove that field if they don't need it. the remove buttons all have the same class: 'removeItem'. Then, in my jQuery I have the following: $(".removeItem".click(function(event){ $(this).parent().remove(); }); The only element that this woks on is the original element in the source, but not any of the dynamically created elements which basically look
navbar renders incorrectly when linking between two different layouts
I have two layouts. One layout has a footer navbar with 4 buttons. The second layout has a footer navbar with 3 buttons. Both navbars use custom images. Attached are the two navbars. When following a link that takes you from one layout to the other, the footer navbar gets rendered incorrectly. See attached. I am using the default true value of ajaxEnabled. If I set ajaxEnabled to false, the rendering problem goes away.
Help with multiple jQuery in Wordpress theme!
Hello! I am very new to jQuery, and I seem to be having trouble with it.... I am creating a wordpress theme and I want each post to open in a lightbox i-frame, but since my site already has some jQuery for the basic layout [horizontal site, autoscroll, etc.], I can't get any lightbox script to work! I've tried adding it manually to the theme and even tried adding it as a plug-in in wordpress, but it doesn't work... Any ideas on how to get it to work? I appreciate any help... This is my code: <!DOCTYPE
Script to make Table Cells equal height of the tallest cell - Per Row, but it is making all cells the height of the tallest cell on the page!
jQuery version: jQuery 1.5.2 Problem Description: I am using the following HTML to show 6 categories on a page, each category has a different size list of items beneath the cell heading... I want to make the height of all cells PER ROW to be equal. My script currently is making ALL cells on the entire page the height of the largest cell. How can I make it only apply the highest height per row? jQuery Script: var divheight = 0; $(".lRow").each(function(){ $(".nexTextblock").each(function(){
Accordion - what am I supposed to do?
I can't get the accordion to work. I don't even know if I've forgotten something important, or if I've just made a minor error somewhere..? This is in the header: <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.11.custom.css"> <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"> $(function() { $( "#accordion" ).accordion(); }); </script> ¨ And this is the body: <div id="accordion">
jQuery UI - Making the Navigation a link
Is it possible to make an element within the navigation not the panel a link?
Qaptcha does not work
Hi All, I am trying to implement the Qaptcha on my website. I downloaded the package from here: http://www.myjqueryplugins.com/QapTcha and test them. I followed the instruction carefully and still it would not work. Could someone help me out? Thanks, Ethan
problems with self-made slider
Hello guys, I got some problems with my self-made slider in Jquery. Every 7 seconds it changes the image automaticaly. But I also have a div -> arrow-right, to manualy go to the next image. But when I click that div, then it does go to the next images, but it keeps repeating that and the 7 seconds delay is then gone. the html-part code: <div id="slider"> <div id="slider-image-holder"></div> <div id="arrow-left"> <div id="arrow-left-inner"></div> </div> <div id="slider-small-box"> <div id="1" class="slider-circle"></div>
how do you specify a sub page using $.mobile.changePage("page2.html")
hi, I am wondering if there is a way to specify which specific page div to load when using changePage to navigate to a different html page. For example, I have 2 html pages in my app. My program starts with page1.html. page2.html contains 2 jquery mobile pages. <div data-role="page" id="html2page1" ... </div> <div data-role="page" id="html2page2" ... </div> I want to be able to call $.mobile.changePage("page2.html#html2page2") from page1.html but it doesn't work. And $.mobile.changePage("page2.html")
Daterange Icons
I would like to use icons to bring up the calendar for a date range. Using an icon for datepicker is easy enough if there is one box, but what if there are two dates and two seperate icons? Currently my code is as below. The image I want to use is called calendar-icon.png. Please help! $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, autosize: true, buttonImage: '../images/calendar-icon.png', onSelect: function( selectedDate )
Problem with JQuery Datepick in IE9
I'm trying to discover why the JQuery datepicker doesnt work correctly here: https://www.tusculum.edu/mytusculum/bvisit.php There's also a problem with the display of the form, but Compatibility view corrects the layout problem. It does not correct the problem with the datepicker. When I click on the calendar, the date is supposed to appear in a div below the calendar. However, in IE9, the calendar never closes, the div is never added and the browser goes back to the top of the page -- almost like
checklist Dropdown list inside tabs plugin
Hi, I am using jquery checkbox dropdown list control http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html inside a tab plugin, and it is not working for me. Dropdown does not appear on click although code does process the items. If i put the dropdown list outside the tab on the same page it works fine. I am using following for my controls. jquery-ui-1.8.11.custom.css ui.dropdownchecklist.themeroller.css jquery-1.5.1.min.js jquery-ui-1.8.4.custom.min.js jquery-ui-1.8.11.custom.min.js
[jQuery] outerHTML for jQuery
Found here: http://users.livejournal.com/9__/380664.html Code: jQuery.fn.outer = function() { return $( $('<div></div>').html(this.clone()) ).html(); } Usage: alert( $("#toolbar #save").outer() );
simple single image hover parallax / animate effect
I am looking for a simple parallax/animate like effect, i have a single image and if i hover on it the image should move like the parallax effect. So if i put my mouse in the topleft corner the image should move in the direction bottomright. I know this i very simple but i cant seem to get it working or how to get this working. any help?
Using jQuery with elements in hidden div ?
I have also posted this question on StackOverflow which you can see here. This first issue I had to solve was using jQuery in an ASPP.Net app with Master \ Content pages - that issue is resolved. The main issue is that I have a content page that has many divs on it - 3 of which are hidden when the page first loads and are then each displayed based on various user interaction wth the page. One of the divs is displayed by server side code for many reasons dvDetail.style("displaya') = "block". My
Create an array of Browser popup windows
programming beginner here. Iam doing some experiments with browers right now and I am trying to open a bunch at the same time (which i did) but i want the to be in an array to make it cleaner. I am also trying to make the pop up browsers move on click. I can make them move automatically, but i am having some problems with scope. help please :) js: // Here are the initial values for our animation. var unit = Math.round( screen.width / 8 ); var x = 0, y = 0, w=unit, h=unit; // Window position and
(using validation plugin) Prevent spam w additional-methods.js such as HTML code in textarea w/ validation plugin ?
Are their any options within the additional-methods.js such as stripHtml and addMethod Just seems this would be a good way to prevent spam queries, without having to go to the extreme of captcha, which discourages some inquires. Thought maybe someone else may have solved similar issues with misuse of textareas and folks embedding links etc. thanks in advance for any clues.
checkbox values + IE8 = really weird behaviour?
This is a snippet of my HTML: <div id="step4"> Period:<br> <input class="price" type="radio" value="3" name="period"> 3 months<br> <input class="price" type="radio" checked="" value="6" name="period"> 6 months<br> <input class="price" type="radio" value="12" name="period"> 12 months<br> <br> Addons:<br> <input id="m_obj" class="price" type="checkbox" name="m_obj" value="1"> Foo<br> <input id="p_obj" class="price" type="checkbox" name="p_obj" value="1"> Bar<br>
Loading a image before load the whole document
Hello I am working with a php in a facebook application and if I wait to load all the site take long time so my idea is to set a 'loading page..', in the mean time the php will continue working and will paste the result into a div then with jQuery I will show that div. How can I do it? Thanks
Next Page