[jQuery] extending objects with jquery
I'm moving from mootools to jquery and trying to port my UI framework to jquery. Some of my widgets are extending from another widget. For example a "datagrid" and a "dataview" objects extends from "view" object (because both uses same methods from view). With Mootools I have something like this Class View() Class DataGrid ({ extends: View }) Class DataView({ extends: View }) What is the equivalent on jQuery? Thanks!
[jQuery] [ANNOUNCE] Spaz Twitter Client uses jQuery
If you've ever been interested in learning how develop AIR apps w/ jQuery then take a look at the Spaz Twitter client http://funkatron.com/spaz. It's a OSS project where you can download the source and see how things are done. It's also a pretty neat Twitter client as well. :) Many thanks to Ed Finkler for starting this project up and using jQuery under the hood. Rey
[jQuery] how to redirect an Ajax loaded page to another page...
How do I redirect an Ajax loaded page to another page? The Meta refresh does not work. Anyone? Thanks.
[jQuery] jQuery AJAX Autocomplete with ASP .NET
Hi, How can I use jQuery AJAX Autocomplete script to call my AJAX method from ASP .NET instead of php.
[jQuery] jQuery Trac unavailable
I'm trying to look through the tickets in the jQuery Trac but I'm faced with the following error: Trac detected an internal error: IntegrityError: (1062, "Duplicate entry 'bf4f39c0467ab22-0-0' for key 1") Hope you guys sort this out soon. Thanks, Nick Fletcher
[jQuery] suggestions for a hover zoom on text...
I'm trying to come up with a technique for expanding text when you hover over it. I built a real quick and dirty demo to help explain the affect I'm trying to achieve: http://imlocking.com/projects/zoom_text.html So, in the list of times, I'd like to make them "pop" when you hover over. Of course, it would be easy to change the style of the element directly but then the list would move which I'm trying to avoid. What I'm doing now is creating a hidden positionable container that moves to the correct
[jQuery] Contributors to jQuery and GPL license
The company I work for is interested in using jQuery in a software project. However in order to do so we have to perform due dilergence checks that the code in jQuery meets the terms of its license. I realise that jQuery is offered under dual MIT and GPL licenses which is great. However, is any review performed of contributions made to the code to understand whether the contributor has the right to redistribute the code or does the maintainer accept contributions without asking these types of questions?
[jQuery] error with $(this).val(value) in IE 6.x
for some empty select elements inside form and table I've done something like that: $.each( $('#form_table .mt_type'), function() { elemId = $(this).attr('id'); //alert(elemId); $(this).html('\ <option value="0">-- wybierz --</option>\ <option value="1">val1</option>\ <option value="2">val2</option>\ <option value="3">val3</option>\ <option value="4">val4</option>\ '); // both of following give me error in IE6, FF and Opera report no problem. $(this).val(0); $('#'+elemId).val(0); } ); I set the val
[jQuery] hover and fadin and fade out need help...
Hi I am somewhat new here and to jquery I learned javascript and have a previous knowledge of programming. I am having trouble using the hover and the fadein and fadeout functions. I made a script to fade in a list when the mouse is over an image but it dosen't work at all. I want to make an action where when the users put the mouse over the image a window fades in it could be a window/or table/ ect somthing that will look like a photo album which allows the user to look at other pics the users has
[jQuery] the dropdown menu flashes on the screen on page load.
I have two drop-down lists in the "main menu" at the top of the page. When you click on link items in the "top menu" (different menu) which is below the "main menu" the drop-down menu flashs then disapears as the rest of the page loads.
[jQuery] newbie struggling with JSON
Hi, newbie here. Hoping someone can help. I'm able to successfully call $.get and then eval() a URL that returns a JSON object: $.get("myurl", function(code) { eval(code); alert(code[0]); }); But if I try to call $.getJSON on the same URL: $.getJSON ("myurl", function(code) { alert(code[0]); }); I always get back: "code" has no properties Any suggestions? Thanks, Stan McFarland `
[jQuery] jQuery UI Bug Reporting & Discussion - PLEASE READ
Please post any issues with jQuery UI on the jQuery UI mailing list. http://groups.google.com/group/jquery-ui?hl=en Rey...
[jQuery] [ANNOUNCE] jQuery UI v1.5b3 is Now Available for Download plus New Site
jQuery UI v1.5b3, the jQuery project's UI & effects library, is now available for download. While still in beta, the library is feature frozen and the features are in excellent shape. The jQuery UI team is anxious for your feedback so please join them on the UI mailing list found here: http://groups.google.com/group/jquery-ui?hl=en Any assistance with testing is greatly appreciated as it will help in making UI rock-solid out of the gate. Also check out the new site for the jQuery UI project at http://ui.jquery.com/
[jQuery] using variables with jquery
Hi, I need to make a div slide across the screen using the animate command. It works when I use the following: $('#js_innerwrapper').animate({left:"+=500"}, 1000, 'easeOutSine'); However, i need to be able to change the 500 to be width of the div, which i get using: $.gamewidth = $('.gamewrapper').width(); I then need to combine the two which does not seem to work: $('#js_innerwrapper').animate({left:"+=$.gamewidth"}, 1000, 'easeOutSine'); Any ideas?
[jQuery] Autocompleter using a static dropdown
I have a dropdown of countries that has already been output to the browser. All the autocompleter examples I have seen use ajax to look up the input data and return a SQL like match. How do I make an autocompleter by just using the available option tags?
[jQuery] IE7 accordion bug with images
I've set up an accordion style interface featuring text and images inside the collapsing content, this works fine in IE6, FF and Safari but IE7 seems to have problems with it, if the content isn't set to .hide() then it will display, but as soon as it's collapsed/ expanded again the problem arises. Any clues what kind of fix is needed? example of bug: http://ppe.philipspence.com/?page=property&subNav=rental Any help is appreciated.
SlideToggle with .load?
I'm currently running a template with a main navigation and sub navigation. I'm trying to setup my navigation so when a user clicks on a link on the main navigation, a sub navigation is slideToggle'd down for visibility AND ANOTHER MENU is loaded from an external page into the sub navigation div. Is this possible?
[jQuery] use jQuery selector on IE5.5
I just know that in jQuery + IE5.5 most selectors return empty array. After digging into source code I found that it will try to get the nodeName and nodeType of document (nodeType=9) which IE 5.5's document element doesn't have these two attributes. As a quick fix I add the following lines at the beginning of my HTML: if (document) { if (!document.nodeType) document.nodeType = 9; if (!document.nodeName) document.nodeName = '#document'; } and all of my selector works. Of course there should be other
[jQuery] Toggle(fn,fn1) not working as expected
$("p.more a").click(function() { $(this).parent().siblings("div.overflow").toggle(); $(this).toggle( function() {$(this).html("« Less"); alert('1');}, function() {$(this).html("More »"); alert('2');} ); }); I am referring to "p.more a" when mentioning a click. The first time I click no alert is fired. The second time I click 1 is alerted. The third time I click 2 is alerted then 1 is alerted. The fourth time I click 2 is alerted, 1 is alerted, 2 is alerted.
[jQuery] jquery doesn't work after changing innerhtml
I discovered this accidentaly today. I have an anchor like <div id="yy"><a class="xx" href="#">click</a></div> and a simple jquery like jQuery().ready(function() { $("a.xx").click(function(event){ event.preventDefault(); alert('u clicked'); }); }); I run this, works fine, I get the alert when I click on the anchor. Now I also have a button which when I click it changes the innerHTML of the div with <a class="xx" href="#">click again</a>. basically
[jQuery] processing json object
how can I process values from json object without having to use indivual reference names? using json: ( {"Records": [ {"firstname":"Nancy","lastname":"Davolio"} ], "RecordCount":"1" } ) instead of : $.ajax({ ...... success: function(json, status) { if(json.Records){alert("Records="+json.Records[0].firstname );} ... is there a way to numerically reference values --something like : $.ajax({ ...... success: function(json, status) { if(json.Records){alert("Records="+json.Records[0].0);} ... only it should
[jQuery] Get body from an XHTML document loaded using an HTTP request
Hi! This code seems not to work: $.get(pag, function (data) { alert( $("body", data).html() ); }); Could someone Please help me? The page I am trying to manipulating is the following: ============================================= <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>FAQ</title> <link rel="stylesheet" href="css/all.css"
[jQuery] php mysql
Hi, I would like to learn how to do some crud queries using jquery, however, no matter how hard I search I can't seem to find what I'm looking for. Ie... I want a page to display records from a database. Each row would have an update and delete button. there would also be an add new record button. I think it would be grovey to pop up the form for update and add records in a modular window... here is the tricky part. 1. If add or deleting record, how do I go about this. Ie.. I need to query the database,
[jQuery] Treeview async with animation
I am trying to figure out what I am doing wrong here, or where I need to put an updated hook. I am using the animate option for the treeview widget with asynchronous data (lazy load). When I open a new node that has to fetch data, it does not animate when opening. However, once the data has arrived at the browser, subsequent opening and closing of the node animate properly. It seems that animation needs to be deferred until after the data has returned, but as the load call is in the toggle, I am
[jQuery] click(function(select) help
Hi again, I have a form with products select menu. I would like to show and hide product specific options as the user selects them. Now, I can show the product options but I don't know how to hide them if the user selects a different product. My HTML is: .... snip... <select id="product-type" name="product-type" class="product-type"> <option value="select" selected="selected">-Select-</option> <option value="product a" class="producta">Product A</option> <option
disabling hover after an animation has run [solved]
Need a little help! Am new to jquery and wonder if anybody knows how to disable a hover bahavior attached to a div after it has been animated. Thanks! Jack
[jQuery] Call jquery method from flash
I'm trying to use Flash's External Interface to call a method inside my jquery $(document).ready(function() {} ) block but no joy. I can call a function that sits outside no problem, but then it doesn't call the method inside... so $(document).ready(function() { function sayHi() { alert('hi'); } }) function test() { alert('call sayHi'); nextTab(); } Here I get an alert with 'call SayHi' but no 'hi'. If I put the test() in the jquery block it doesn't work at all. Any ideas what I am doing wrong?
[jQuery] Variable for Google Maps API
Hi, I have a Website with geocoding meta tags like this: <meta name="ICBM" content="50.1678, -97.133185"> With help of jQuery I can extract the content like this: var title = $("meta[name=ICBM]").attr("content"); This works fine. But how can I store the variable to this: map.setCenter(new GLatLng( variablemust go here ),5); I tried in vain to get since two days, so I would appreciate any help. Thank you RalphM
jQuery Loading External Content
I was hoping to get some advice from the people in the forum for this one: I'm currently designing the framework for my portfolio and I wanted to take advantage of AJAX/jQuery for this next project. I've been buried inside the documentation and tutorials on jQuery's site so I'm starting to get pretty familiar with the syntax. I was interested in finding a tutorial on how to properly load external content into a div with the CSS styling still in tact. http://www.threeformed.com/ was a prime example
Getting Parent TD Index.
Hello, I am slightly stuck. Here is the scenario. I have the user click on a div. I then want to grab the Divs parent TD (in a a table) and get it's index in the Row it is in. here is my logic: $(crosstab).find(".salitem").click(function(event){ var rowchildren = $(this).parent().parent().children(); var tdchild = $(this).parent(); alert($(rowchildren).index(tdchild)); }
Help with basic show hide
O.K. all the tutorials have been too complicated, adding classes, etc. I just want to have a div class="stuff" hidden when the page loads. There will be a button always present that when pressed that will show the div. When the button is pressed again it will hide the div. Should be really simple, I'm just new. <button type="button" value="toggle">Help Me!</button> <div class="stuff"> <h1>Hey...I'm trapped in a div</h1> </div>
Element selector issues
I've been trying to get this working for the past hour or so, with no such luck. What I'm attempting is have the text color of the list items within the "categories" list change when clicked, then change back to default color, if clicked again. The following code works when clicking the actual checkbox, but not when clicking the text that is the label for it. This function SHOULD be running any time any part of a list-item is clicked. Any clue as to why only the checkbox is registering? http://www.mikehimself.com/controls/add.html
Jquery works fine in FF/Safari, but not IE 6/7
Hi, I'm having this weird issue. Everything works perfectly in Firefox 2/3 and safari, but IE 6/7 just don't read the javascript. I'm using jquery framework and two jquery plugins - accordion and corners. Here's the page: http://tinyurl.com/5l95lj Both Markup and CSS validates. Any help appreciated. Thanks in advance.
jQuery Effects when loading external .html files
I've just begun the journey of learning jQuery and all is well so far. I've successfully managed to load an external .html file inside a div from clicking a link. Now, I wanted to clean up this process and have some effects occur onload. Maybe a fade in, or drop down of the div, etc. How do I add effects during loading an external file? My current code is below: $("a#interactive").click(function () $("#subNav").load("work_interactive.html"); });
change .animate() instead of queue
Hi, heres my problem... ive got two images, one is a smaller version of the other. When i move my mouse over the small image, i'm moving a crosshair around on the large image. I've got this all working perfectly but I want to improve it by smoothing the motion of the crosshair. The problem is that the large image could be any arbitrary % larger, so for example, say its 5x larger... When i move the mouse 5px on the small image, i get a 25px jump on the large image, which looks nasty. What i'd like
[jQuery] Need help with easy fix for image gallery
Extremely new to jQuery so I am sure this is an easy fix for some of you advanced players out there. Thanks in advance. Creating a photo gallery and want the currently displayed image to fade away before the new image fades in...this is the code I have thus far. $("#imageSelect li a").click(function(){ var imagePath = $(this).attr("href"); $("#mainImg img").animate({opacity: "hide"}, 500).attr({ src: imagePath }).animate({opacity: "show"}, 500); return false; }); The main issue is that
(ui1.5) drag and drop filling a table -> help me plz!
hey all, im using jquery1.2.4a, and jquery.ui1.5b4 (ui.draggable and ui.droppable) im working on a way to drag and drop items from a list into an existing table and so far it works perfectly but my code is all over the place... i'd really appreciate it if someone could help me optimize it a bit... thanls! $(document).ready(function(){ $(".drag").draggable({helper: 'clone'}); $(".drop").droppable({ accept: ".drag", activeClass: 'droppable-active', hoverClass: 'droppable-hover',
[jQuery] Cycle plugin and Safari 3.1 flickering
A few weeks ago, I started to use the Cycle plugin on a site, mostly with just the 'fade' effect. It worked beautifully. The site development then stalled until recently as I waited on some content from my client, and when I returned to the site today, I noticed that the Cycle fades were now flickering like crazy in Safari. In between those two moments in time, I didn't change any code, but I believe that I upgraded my Safari browser to 3.1 on my Mac. As a troubleshooting step, I upgraded from jQuery
[jQuery] location of pop-up ajax response
Hi All, I am building a site with a bunch of forms which i retrieve via ajax. I am trying to do something similar to what google does with maps where when the user clicks on a specific point, the form displays relative to the users position, AND most importantly the position relative to the rest of the screen, so that the returned form does not cause the user to scroll. For instance, if the user clicks close to the left of the screen, then the form will show up to the right. But if they click close
[jQuery] Does "click" action not apply to TDs?
Hi, I'm trying to make a TD, with id = "content", clickable. Unfortunately, it doesn't seem to be working -- the action is not invoked when I click on the TD. Here's the code: $('#content').click(function() { location = 'zipcodelookup.php'; }); and here's the page (the "Just Right Pricing" section is supposed to be clickable) http://justrightlawns.com/pricing.php Any ideas where I'm going wrong? Thanks, - Dave
Next Page