Internal Functionality Events
I was thinking it would be a good idea if you could bind events to the internal jQuery functionality. So I'm planning on making a plugin out of this idea. So I would like your opinions on this if there is anyone that tried this before. Any comments about potential benefits, pitfalls, possible additions... are welcome. This is an example of how a binding would work: function test() { //must not change content using append //potential disaster //$(this).append('something') would make
Trouble populating table data in IE7
Hi, i want to populate a table $(target).html(data); the target is my dynamic div value and data is the place where i get html values. I works fine in mozilla and it dosent work in IE 7.i dont have any script errors,every thing is working fine,but the table is not displayed. //my ajax call $.ajax({ url: $("#parceldt form").attr("action"), type: "POST", data: $("#parceldt form").serialize(), dataType: "html",
Jquery Autocomplete extraparams
how to pass textbox value using jquery autocomplete extraParams
IE won't remove dropped draggables
I've set up a sortable list and a space where you can drag items to where they'll be deleted. The relevant code is as follows: [code] function initUI() { // Set up people list $("#people").sortable( { containment: "document", tolerance: "pointer", connectWith: "#del_space", update: function(event, ui) { updateList(); } }); // Set up delete space $("#del_space").droppable( { accept: "#people > li", drop: function(event,
Jquery & Jsp: Form containing TextFields and File Upload
Hello everyone....!! Hope there's a quick way arround here. I found there's an example how to post from a FORM that only textfields but no File Upload is work nicely. Is there any work around to use JQuery with JSP to handle File Upload tutorial? I am reading the whole page until this link but found a minimum understanding for this matter. ~ sorry, I'm just a starter.
Having some problem with executing functions correctly after load()
I have a gallery, with (client) categories, and then subnavigation showing different shots. When you click on the client, it loads the appropriate subnavigation from the page listed in the anchor tag. When you click on the subnavigation, it appends an <li> with the appropriate image, and slides the <ul>. Both of these work on page refresh, but the subnavigation functionality stops working after a new subnavigation is loaded. Please help. A link to the demo can be found at brianbattenfeld.com/fingers/work/dear.php
Some trouble with mc Dropdown menu in IE6 and IE7
hi, I use the mcDropdown menu plugin in my website , but I have some trouble with it. In IE6 , some items don't show when the mouse across there. In IE7, my trouble is that I want to layout three menus to occupy the same horizontal plane, but each one takes up a different line. Who can help me ? What can I do for this trouble? Thanks. -Braden
Accordion animation right margin?
I'm using an accordion with a custom ThemeRoller theme. I needed to add a right margin to match the spacing of other elements on the page. I've found places places in the css where I can add my margin successfully (Interactions and Accordion sections), and everything looks fine when the accordion is static. When I collapse or expand a panel however, the content portion loses the right margin during the animation, then jerks into place when the animation stops. I've dug through everything that looks
superfish dropdowns behind Flash content!
I am using superfish in a joomla site. It works great in Firefox and Safari, but not in Chrome or ie. The menu dropdowns appear behind the Flash Movie. I've implemented the fixes suggested here: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ but to no avail. any Ideas? http://sfm.alfydog.com doesn't work in chrome or ie
jQuery Validation required (dependency-callback) not working
Hey, I've double-checked this code a dozen times and I don't see anything syntactically wrong. My dependency callback is a simple return false to eliminate any errors in the function itself. The basic idea is that my input text fields have a default value such as "Name:" in the value attribute of the input tag, so I want to have the validation recognize the value "Name:" as null and throw an error and require them to enter something else. $("#frmContact").validate( { rules: { NAME:
how to do it?please.
<style> body,h1,hr,ul,input,* { padding: 0; margin: 0; font-family: helvetica, arial, sans-serif; color:#748188; font-size:12px } #nav { width: 560px; position: relative; padding: 5px 0; height: 15px; margin: -26px auto 0 auto; } ul#nav li { list-style-type: none; float: left; margin: 0 32px 0 0; } </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).bind("mousemove",function(e){
Contextual Auto-escaping for JQuery Templates
I would like to try and make jquery templates more resistant to XSS attacks by looking at the context in which ${} appear and using that to choose an appropriate escaping directive. I have a simple demo that doesn't handle branching or loops at http://js-quasis-libraries-and-repl.googlecode.com/svn/trunk/index.html that you can play with. Try choosing one of the "Safe HTML" examples from the dropdown at the top-right. I'd like to make that work with jquery template syntax, handle {{if}}, {{each}},
Dropdown like on Apple
Hey there, I was looking for a similar Dropdown (Help, Account, Cart) like on Apple Store. Could not find anything out there which works on Hover. The Layer should support also DIV and not only UL (LI). Note: Check the line with "Welcome to the Apple Store" thanks for help regards
Why doesn't my selector work?
Hi, When I click on a <div> it needs to open a colorbox for all links that are contained within the <div>: <div class="project"> <p>There is content here, but no links except the ones below</p> <a href="image.jpg" rel="gallery"></a> <a href="image2.jpg" rel="gallery"></a> </div> So I wrote a little function that should trigger the click event on the first A: $("div.project").click(function () { $(this).find("a").first().click(); }); But somehow, this creates a loop... Any ideas?
Example needed for $('#someID').load('externalPage.aspx', { limit: 25 })
Hello everyone, This is my first post to the forum. I am fairly new to jQuery but I love it. In the subject of this post I added a simple example of what I am looking for. I saw a quick video on plural sight of a simular example where the guy codes the logic in a aspx that will be be used when the call is made to that page. So for instance in my example in the subject, I prosume that I will have to code the logic behind the 'limit' call. Can anyone please point me to a good example on how to do this?
Is fireunit still active?
Just a quick question, is fireunit still active? I don't see much chatter on it in the last year, I wanted to know before I lost too many cycles trying to get it working.
adding DOM elements and accessing a selector..
I return json string and loop through the results putting items in Div's and want can't seem to access the class attribute / selector. $.getJSON(strUrl, function (data) { var items = []; $.each(data.Division, function (i, div) {/*--- Keep DOM manipulation to minimum. ---*/ if (div.divCode != "") items .push( "<div id='divOuter" + div.divCode + "' class='BoxOuterDiv' >"
Help needed!!
Hi... i am new to jQuery. is there any ways to capture certain text on the html page and use it as a variable by right click on it?
Looking for special effect plugin
Hi guys ! I have used jQuery for a little while now and knowing only basics of JavaScript, I appreciate how simple it is to use. But now I am working on a new project where I need to build a micro-site to promote new LED products where I work. You can see the flyer in attachment. What we taught of, is having something similar. Like each one of the translucent white box would contain one of our product. We would like to have boxes to move slightly as mouse move like if it was moving under a light
Brain Dead Embedded Browser Won't Load JS Files Larger Than 32K
The question is, does anyone have a nicely split up set of minified jquery files that can be loaded one after another to get the complete library? And no, the browser does not have decompression capabilities. And yes, the browser will handle gobs of JS files, just no file that goes past a 32K boundary. It is an embedded gui for specialized media. Thanks!
Modal Form to Edit and Delete
Hello to everybody My question is: is possible to use a modal form to edit or delete registers of some data base ? For example, I have a page (asp) that show me 5 registers of my database. I need that every single register can be edited (to change his current values) or deleted (to delete specifically this record) using the modal form Thank you very much
Autocomplete developed on MAMP does not work on WAMP?
I have recently enjoyed developing a browser based data entry app with UI. It was developed on a mac and is primarily targeted for IE. When I moved the code and data to a windows server using WAMPSERVER other jqueryUI elements seem to work including dialog and validator but autocomplete does not. Development was done on 1.8.8 and updated to 1.8.10. After testing with demos I learned that remote strings don't work on later releases of autocomplete on PC WinXP so I learned and rebuilt using JSON.
Having issue with positioning, please help
Working on my first jquery project and I am using the tutorial at http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/ I am trying to build this slider into a web page and can't get it to work in multiple browsers. Works in everything perfectly except IE Can someone take a look please, I am as new as can be to this. http://jarrettpayton.com/jquerytest.html Thank you kindly
jQuery UI Carousel
Hi there, Can anyone provide any information on the current status of the jQuery UI Carousel widget as the planning page hasn't been updated for a fair while - http://wiki.jqueryui.com/w/page/12137729/Carousel Does anyone know if it's still in the pipeline? Cheers, Rich
Problem using JQuery XML and PHP
So i have an HTML page which contains this script: <script type="text/javascript"> $(document).ready(function(){ $.ajax({ type: "GET", url: "http://meteo.uniparthenope.it/prods/timeseries._dev.php?region=ca001&when=now", dataType: "xml", success: function(xml) { $(xml).find("time").each(function() { $("#output").append($(this).attr("date")
enable/disable button on scroll
Hi room, I saw the demo at flowplayer regarding scrollable images. http://flowplayer.org/tools/demos/scrollable/index.html In this demo, the number of items is known and the buttons are either visible or hidden. For my purposes, the number of items is unknown. I need to disable a navigation button at the beginning and end of a scroll. The scroll items are returned from a json file, so I have no idea how many will be returned -- but I want to show a prev button disabled at the beginning and a disabled
Passing Variables between Pages
I am new to jquery. The project reuirements specify using jquery and java scripting. I have several web pages that set variables. I need to access these variables on another page. What is the best way of doing this? Can yoy give me an example? Thanks.
using multiple jquery theme styles and jqueryUI Dialog problem.
hello. i have a page that uses a theme. i wanna show a dialog that uses another theme. i read this Article from filamentGroup, but it didn't work for me. it's like i didn't add any style to my page. here's my section that i use for dialog: <div class="schoolTemplate"> <div id="Dialog"> </div> </div> i created a custom theme with schoolTemplate css class scope. here it's my jQuery to set Dialog: $('#Dialog').dialog(); but it doesn't work. what's the problem ? thanks.
Header:How to fix all the text in the header
The system does not display all the text in the title. It displays Calculate a Pr... instead of Calculate A Price. I used the same logic in a new page, and it displays all the text in the title. My page has multiple page/header/content/footer in a page. I don't know that caused the problem. Here is my code: <div data-role="page" id="divMainPage" runat="server" > <!-- divMainPage Begin --> <div data-role="header" data-theme="b">
How do I hide the back button?
How can I hide the back button in the header? I've got my own navigation.
mobile image viewer
I've got a product page that has an image on it. I'd like to be able to click that image and load alternate views of the product in some type of image viewer that is navigable with either <next> and <prev> buttons or via swipe. Has anyone been working on something like this or can anyone help guide me in the right direction? Ideally... I'd like the image to open in a dialog container that overlays the current page... but a separate page would probably be fine as well. Here's what I've been working
Dialog Buttons don't work in Greasemonkey
I'm trying to create a dialog box in Greasemonkey and everything goes well until I add buttons. If I remove the "buttons:" part of the dialog function, it functions as expected (just without buttons obv). // ==UserScript== // @require http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js // @require http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js // ==/UserScript== $('head').append('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/redmond/jquery-ui.css"
validating shake loosing it's focus from the control
Hi , I am using the jquery to shake animation to validate input box.But when i go on to the control to enter the text, it shakes and the focus is going some where from teh control. How to keep the focus on the validating control. i am using the following code. <script type="text/javascript" language="javascript"> $().ready(function () { $('#contactForm').validate({ rules: { name: "required",
Using jQuery with C#
SharpKit has an open-source C# interface into native jQuery So any C# developers among you guys might find it helpful for getting to know jQuery, and use jQuery in a more familiar environment. The code is open-source and well-documented using xml documentation. Check it out, it's available here: http://code.google.com/p/sharpkit/source/browse/#svn/trunk/SharpKit.jQuery SharpKit compiler enables C# developers to use this code in order to generate proper JavaScript using only C#. The compiler is free
jquery conflicts
I'm having issues with two jquery scripts working together....Fancybox and this one: http://www.i-marco.nl/weblog/jquery-accordion-3/ I can get one or the other to work but not both. Any help would be greatly appreciated. Thanks
autocomplete bug after search
Using jquery 1.4.4, jquery-ui 1.8.10 (also appeared on 1.8.6) Problem occurs on this page (able to reproduce on FF3.6 and IE8) : http://www.websense.com/content/kb-search.aspx?q=proxy Type a search into the search box with mouse hovering above the search box and click enter (instead of clicking the search button). Autocomplete will appear with the search results. When this happens it becomes stuck and will not remove when you click off the automcomplete menu. You have to select an item to remove
Is a Plugin Doing this Image Hover Effect?
I haven't seen image hover done this way before - http://www.abc.net.au/news/events/japan-quake-2011/beforeafter.htm. The site is using jQuery. Are they using a plugin? The site is showing horrifying before and after pictures of Japan.
Simple Toggle with Hiding Others
I have some toggling set up, but I'd like to make it so when you toggle one, it resets all the others. This is what I've been trying: $(".note").click(function () { $(".note_active").removeClass(".note_active"); $(this).toggleClass("note_active"); }); That doesn't work. However, when I change removeClass() to hide(), it hides the correct things (i.e things that are "active") Thank you for your help!
Can't get tablesorter working - must be something obvious!
Apologies in advance for what I'm sure will turn out to be a glaringly obvious mistake on my part. I'm trying to get tablesorter working on my site, as per http://tablesorter.com/docs/ Here's the page I'm working on: http://www.modularsynth.co.uk/test/test_tablesorter.php I've included references to jquery-1.5.1.min.js and jquery.tablesorter.min.js in the page header, and uploaded the files to my site. I'm sure the references are OK, because if I use firefox web developer to view javascript it can
AJAX, PHP and empty variables
Hi all, I'm using two different hosting for developing an AJAX based application. The first hostng is at my home (for develoment), the second one is provided from a paid hosting service (for production). My problem is that in the production hosting I can't see the value of the variables I send via AJAX. There is the code: $.get("AJAXChangeOrderStatus.php", { orderid: order, newstatus: 1 }, function(data) { ...And in the AJAXChangeOrderStatus.php i get the values in this way: <?php include_once
Next Page