Calling jquery after Ajax load
I'm using AJAX to pull in a page into another page. The page I am pulling looks like so: <script type="text/javascript"> $('#conditionslink').click(function () { var content = $(this).parent().parent().parent(); content.find('#progConditions').toggle(); var runnersheight = content.height() - content.find('#programHeaders').height(); content.find('#runnersBox').height(runnersheight - 8); }); </script> <div id="programHeaders" style="padding: 4px; text-align:
fadeto on hover problem?
Hi, I have a unordered list containing some images and i want to set opacity to 1 when the mouse is over a list item <li> and to 0.67 when leaving it. i did the following but the problem i got is the opacity is doing a blink like effect... turning opacity from 1 to 0.67 to 1 to 0.67... and so on each time i move the mouse when im over the <li> element... $(document).ready(function () { $(".li-thumb").hover( function() { $(this).fadeTo('fast', 1.0); }, function() {
how to set accordion width in percentage
I only can set a fixed width to a wrapper div or any internal component of the accordion, but I would like to use 100% width.... any ideas? Thanks m
sites using jquery - how do i get my site listed
www.stereokiller.com
Need some help with my Jquery
Hello, I am trying to make a menu and I almost finished it, but i ran into a problem. When I click a menu item, the submenu is showing it self perfectly, and when I hover over it it stays, hover out and it goes back up. Up to that point everything works as a charm. Now my problem is, when you click one of the menu options, the submenu shows: But when you just go UP with your mouse (instead of going over the submenu) it's staying. The website i'm talking about is here: http://dev.teamtgooi.com/ And
passing a variable within a document.ready function into inline modal window
hi i'm using a jQuery Inline Modal Window. the code for it can be found here http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/ i currently have an array within a function in javascript. when i click on the appropriate link for the inline modal, the inline modal window appears. my function looks something like this [CODE] function match_all_groups(){ var pop_up_status; var match_groups = new Array(); var match_groups_count = 0; $(document).ready(function(){
working in firefox but not in chrome
the following line of code is NOT working in chrome/safari as it is supposed 2 its working perfectly in firefox and Opera however: $('#box8').delay(1100).animate({"left": "+=300px"}, 5000); in firefox/opera the div box slides from its place to the right 300px but in chrome/safari it suddenly jumps to the right and then slides to the left 300px leaving it half through the page!
using window.onload instead of document.ready
Ive been advised to use "window.onload" instead of "document.ready" and im having problems implementing it, im sure its a syntax error. here is my original code var chart; $(document).ready(function() { and i want to change it to onload, and im trying to get this to work var chart; $(window).onload(function() { what is the proper syntax for using window.onload with jquery?
Am I Too Wordy?
I'm getting a error message when trying to respond to an old post that says: "responseContent exceeded the maximum limit" or somesuch. What's going on?
Script doesn't execute on internet explorer .... But execute on firefox....????? Where have i gone wrong??
Hi everybody!! i wrote a small script that loads a php generated list of thumbnails and videos from youtube, it works fine on Firefox but NOT on IE I placed it in an external file and loaded it this way: <html> <head> .... lot of typing </head> <body> ... even more typing <!-- Passing value to youtubeRequest.js --> <script type="text/javascript"> var sing = "<?php echo $_GET["singer"];?>" </script> <script type="text/javascript" src="js/youtubeRequest.js"></script> ... more scripts </body>
Chrome crashes on jQuery Test Suite #5
I'm trying to setup a dev environment for developing jQuery core, but Google Chrome (v10.0) crashes when I run the jQuery Test Suite (http://localhost/jquery/test). It seems to crash on '#5. core: browser' on both the 'master' and '1.6rc1' branches. Do you think this is a problem with my setup, a known issue, or should i file a bug? Additional Information: I followed the setup instructions on http://docs.jquery.com/Tips_for_jQuery_Bug_Patching and have MAMP, git, node.js, etc. setup on my Macbook
Problem using animation on a tab
I have a jQuery UI tab control. It contains blocks that can be sorted. They can also be dropped on other tabs. When a block is dropped on another tab, I want to use the slide effect to hide the block from the current tab before displaying it on the new tab. jsfiddle The jsFiddle demo initially shows a working state for the problem. It uses the standard .hide() method to hide a block. But when using the "slide" effect with hide(), unexpected results occur. The block is not animated. Instead, after
Events - When to call them twice
Hello Everybody, I continue to read "jQuery In Action" and one doubt came into my mind when I was reviewing the chapter 4 that talks about Event handlers. Within a particular code sample (bamboo.html), the author has written a ".change(fn...)" method with a function to handle the event that manipulates the changes made within an "input[type=text]" to reflex the price to pay against the amount of product the client selects , and, at the end of the same wrapped set, it's included a call to the "change()"
help aboute change navigation menu alignment and animation!!
hi my friends ! I am a navigation menu in left bar, then mouse over animated from left to right.i like change this menu alignment to right bar and animation right to left! please help me!! Thanks
Using jQuery validate and a Submit Once Functionaility together
I have this little script that alllows you to submit a form once and only once which looks like: $("input[type='submit']").attr("disabled", false); $(".empForm").submit(function(){ $("input[type='submit']").attr("disabled", true).val("Please wait..."); return true; }); //closes submitIt works great. One little problem, I'm using the .validate plugin, and when that validates fields, the submit button is turned off. I need a way
Question on .live() and ajax calls
Hi everybody! Developing my site i ran up against this problem: I generate a <table> (with 20 rows) element with a server side php script, i load it into a jquery-ui tab element, then i generate a list of link (to page the table if the sql query returned more than 20 elements) and add it after the table, then i try to hijax the link row using live() in this way: $("#alphaDiv > div > a").live("click", function(){ var url = $(this).attr("href"); $("alphaDiv > div').fadeOut().slideUp("slow",function(){
detect if event is launched in children of certain parent
I have something like that <li>My menu item <ul> <li>my submenu item</i> <li>my submenu item</i> <li>my submenu item</i> </ul> </li> The problem is that when the mouse goes from the main <li> to the children <li> a mouseout event is generated from the main li. My idea is that if I can detect that the the mouseout is happening at a child of my main <li> then I should be able to stop the handler with an "if" or something. So how would I do that? TIA
best way to retrieve data from DDBB
Hi I'm completely new to jQuery and Javascript but I have extensive (10+ years) with Flash and Actionscript. I want to create a dyanmic tree menu, but I wonder what is the best way to get the data from a MySql database. Honestly, compared to AS3, the implementation of XML seems very primitive... In As3 you simply move around the xml as if those were objects using E4X. This way: MyXML.myNode.myChild[3].text() So I wonder, what is the best way to work with data from the DDBB? Is there a better way
ColorBox and AJAX doesn't like working?
Hi, I'm trying to get the following code working: <link media="screen" rel="stylesheet" href="/links/static/luna/colorbox.css" /> <script src="/links/static/luna/jquery.colorbox.js"></script> <script> jQuery(document).ready(function(){ jQuery(".viewmap").colorbox({width:"475px", height:"375px", border: "black", iframe:true}); }); </script> The code works fine for the main part: http://www.campingholiday.org/cgi-bin/links/page.cgi?g=Google_Maps Click on
Pausing execution until remove() is complete?
My setup is simple, a user clicks a link that runs some AJAX, loading a form. I append the form to an element with a dummy class called "posting". There is more than one link like this on a page, so the first time the user clicks everything happens as it should. I bind some form events to control the submit and key events (for a character counter). If the user clicks one of the other links, the same thing should happen except this time it should check to see if another form with the class "posting"
What is needed to build a jquery table from scratch? with the following features
What is needed to build a jquery table from scratch? with the following features column resizing up and down arrow keys right and left arrow keys to page up and down using the page up and down keys row highlighting
jQuery Tabs in Chrome not loading
I have implemented the jQuery Tabs UI component into a website im working on. The tabs appear fine Internet Explorer (see screenshot), however in Chrome, the tabs arent tabs. They are a list. Here are the tabs in Internet Explorer Here are the tabs in Chrome What could this be? CSS, Javascript files not being referenced in Chrome? <script src="js/jquery-1.4.2.min.js"></script> <script src="js/jquery-ui-1.8.6.custom.min.js"></script> <script src="js/jquery.ui.core.js"></script> <script src="js/jquery.ui.widget.js"></script>
Delete only table row
I have a table where I have the ability to remove table rows using $('#tr_1').remove(); for example It works fine until I try to delete the last table row and then the only row left will not delete any ideas why?
ChangePage not working in WIndows Phone 7
I have 3 pages, home, settings and help . I am using anchor tags and a javascript function to switch pages. One example is given below to switch from home page to settings page. I have the following anchor tag in the header of home page <a onclick="load_settings()" data-icon="gear" data-inline="true" >Settings</a> and a corresponding function function load_settings() { $.mobile.changePage($("#settings")); } This works fine in IE9. It does not work in Windows Phone 7. The home
Cannot remove header back button
I am using jQuery mobile to build a demo project for class. I have created a navbar at the top and when I click on an item in the navbar, a back button is automatically generated and placed under the navbar. This back button extends out the bottom of the navbar, making my navbar look funny. I have applied both data-backbtn=”false” and data-nobackbtn="true" to the header div and neither one fixes it. You can see the problem at http://filmfriendapp.com. My code is as follows. <div data-role="header"
How to grab the ID of a selected DIV
Hi - I'm trying to use the "selectable" feature - and need to find the IDs of the DIVs which have been selected. When I run the code below, all I keep getting is the ID of the first DIV in the selectable DIV (ie. 2011-01-01). Thank you for any help, Mark <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Selectable - Serialize</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.5.1.js"></script> <script src="../../ui/jquery.ui.core.js"></script>
SEEK UI FOR FLOWCHART EDITING ON WEB PAGE
WE SEEK: Model Code for In-Browser Flowchart Drawing/Editing ------------------- This request is directed only to respondents who are active users of existing code for drawing and editing in a browser flowcharts like the simple one below (not includable in this submission), with the graphics linked to a database of element attributes and positional data that could scale to many more nodes than could be displayed in any one window. We seek as deliverables: 1. a library of object-oriented code representing
How to work with Labelify and Validation plugin at a time?
Hi, I am using Validation and labelify plugins. but labelify fills the title text and validation plugin treats that as text entered and validates a required text box as true. How to fix this or work with these two at a time?
SELECCIONAR UN ELEMENTO DE UNA PAGINA DENTRO DE OTRA PAGINA
HOLA, TENGO UN PEQUEÑO PROBLEMITA, TENGO UNA PAGINA PRINCIPAL (INDEX.PHP) EN LA QUE TENGO UN MENÚ Y UN DIV (DETALLE) CUANDO ELIJO UNA OPCIÓN DEL MENÚ CARGO EN ESTE DIV OTRA PAGINA (OTRAPAG.PHP) EN LA CUAL HAY UNA TABLA, ESTO LO HAGO CON AJAX, EL PROBLEMA ES QUE NECESITO SELECCIONAR ESTA TABLA EL CUAL EL ID ES (tablasel) CUANDO SE CARGUE OTRAPAG.PHP Y NO CUANDO CARGUE INDEX.PHP, YA INTENTE HACERLO POR APARTE Y ME FUNCIONA, PERO DENTRO DE INDEX.PHP NO ME FUNCIONA. ESTE ES EL CODIGO QUE USO PARA COMPROBAR
Getting " object has no method 'addclass'" error
Heya everybody, I'm still quite a newbie concerning jQuery, so I suppose the problem exists on my side and not in jQuery. I'm getting the error Uncaught TypeError: Object [object Object] has no method 'addclass' (anonymous function)/pre-alpha/:27 d.extend._Deferred.f.resolveWithjquery.min.js:16 d.d.extend.readyjquery.min.js:16 d.c.addEventListener.y I'll just post you all my script code and the affected html elements, it's not so much anyway and that way I think you might find my error most easily.
Custom Icons
Hello Everyone, I am having a few problems adding custom icons to my Mobile Website created with jQuery Mobile. Here is the code I have used: .ui-icon-custom { background: url("images/buttonIcons/phone.png") no-repeat rgba(0, 0, 0, 0.4) !important; } The result seems to work - but the icon seems to be displayed below the button? Many Thanks, Joel
Question considering character encoding
Hey all, I'm fairly new here so first of all: hello all :) I've been using jQuery for quite some time now and today I've come across something I can't figure out. The website I'm managing uses the character set "Windows-1252" and this has never been any issue. However, when I try to send a request using jQuery's AJAX method it seems my response header is using UTF-8. I've tried the following two methods without any luck: jQuery.ajax({ type: "POST", ajaxGridOptions: { contentType: 'text/html;
Selecting a class and a variable defined ID at the same time
I'm trying to select a class (.home) and an ID (#something) at the same time, normally I'd use: $(".home,#something") but in this instance, the ID is already stored in a variable called "newpage" - I'm trying the following: $(newpage,".home") but I'm having no luck, can someone help me with the correct syntax here? thanks. (note, selecting the id on it's own with just $(newpage) does work, so I know the issue isn't with my variable, it's just a matter getting both the class and the variable stored
Adding elements with unique ids automatically generated
Im building a small feature where users can create a page. They select an element they would like to add from a select box. When they select it it is automatically appended into the preview div. The problem is that they can choose to add any number of divs, p,s etc to this preview div and i need a way of giving them all unique ids so i can use them later. $j('#element_select').change(function(){ if($j('#element_select option:selected').val() == 'header') { $j('#page_holder').append('<div
getSelection in iFrame
Hi all, For my project, I want do a text WYSIWYG editor (like this one). I have div with contentEditable in iFrame : <div id="editor" class="K_editor_editing"> <div class="K_editor_link"><span class="K_editor_linkBold">[b]</span></div> <iframe name="frameName_editor" id="frame_editor" src="./myEditor/iframe.php" class="K_editor_iframe"></iframe> </div> With this code in iFrame : <html> <head> <style> </style> </head> <body> <div id="contentIframe" contentEditable="true"
Javascript version of native UIPickerView Spinner
Hi, Has anyone developed a Javascript version of the native UIPickerView spinner ? I need one of these that is populated from a database and the data shown in each of the reels is dependant upon each other. For example: Reel 1 = Country Reel 2 = City Reel 3 = Football Team If a country is chosen then the second reel shows the appropriate countries. If a city is chosen then the third reel shoes the appropriate football teams. Anyone done this? Thanks
Image slider with something extra
I am trying to create a slider that has an extra feature to the image transitioning. When an image is shown I would like to have it zoom in a bit. Then after the specified time the images switches to the next one. Any ideas on how I could achieve that? thanks
[jQuery] [validate] Setting the width causes a validation quirk
I have two div's inside a form like this: <form ...> <div class="column"> ... Form elements ... </div> <div class="column"> ... Form elements ... </div> </form> And here is the css for the column class: .column {float: left; width: 47.5%; margin-right: 2.5%;} The first column contains 3 form elements. The first two fields are required and the third is optional but has email address validation. If I load the page, place the marker inside the last field and enter an invalid email address and then click
confused about calling a function
hello I am confused about calling a function from within a function in "jquery" ? Could you provide an example ? kind regards
load javascript when div opening
Hi experts, Hi use this example for my phonegap application: http://wiki.phonegap.com/w/page/36868306/UI-Development-using-jQueryMobile When I click on the button Recent Alternatives it will open the content of <div data-role="page" id="recent">. How can I load a javascript function when this page opened, like div data-role="page" id="recent" onload="test()">. Unfortunately, this isn't working. Anyone have ideas?
Next Page