[jQuery] ANNOUCE: jQuery lightBox plugin
jQuery lightBox plugin is a powerful and simple way to show images in the same page. It´s inspired and based in the lightbox 2 from Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) But, it use the simplicity and flexibility of jQuery to select the elements we are. You don´t need to alter your HTML code, select the elements how you want. Page: http://leandrovieira.com/projects/jquery/lightbox/ (in portuguese yet, I´ll translate into English asap). Bye, and all comments and suggestions
[jQuery] Can Klaus' Tab 3 plug-in be used in this way?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 08.00.0681.000"> <TITLE>Can Klaus' Tab 3 plug-in be used in this way?</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Consolas">Hi, all, (especially Klaus, if you</FONT></SPAN><SPAN LANG="en-us"><FONT FACE="Consolas">’</FONT></SPAN><SPAN LANG="en-us"><FONT
Innocent code vs Caja
I'd like to start a discussion of a difficult Caja design problem we're running into. Many existing Javascript libraries add properties to various primordial objects like Object.prototype. Because Javascript code cannot declare that properties are non-enumerable, any such added properties will show up in any for/in loops within the same Javascript system. To survive this confusion, the recommended programming practice <http://yuiblog.com/blog/2006/09/26/for-in-intrigue/> is to always write for/in
[jQuery] jQuery UI DatePicker in use by Google
Google continues to leverage jQuery, this time using the jQuery UI Datepicker plugin: http://code.google.com/events/add/ Congrats Marc! You must be a proud daddy! ;) Rey
[jQuery] newbie problem with jQuery
Hi all, I'm new to jQuery so please pardon the hazy subject line. Please see the code below: function callback_function(xml){ // this function is called after an ajax post request, using jQuery 1.2.1 //the xml returned does have a <test> tag (which the alert shows) alert(xml); // this line works just fine var t = $("test", xml).text(); // this lines generates the error below //error message: ret[i].getElementsByTagName is not a function }
[jQuery] JSONP parameter not named callback ?
Hi, I read the ajax-function about JSONP-Support and read the following: // Handle JSONP Parameter Callbacks if ( s.dataType == "jsonp" ) { if ( s.type.toLowerCase() == "get" ) { if ( !s.url.match(jsre) ) s.url += (s.url.match(/\?/) ? "&" : "?") + (s.jsonp || "callback") + "=?"; } else if ( !s.data || !s.data.match(jsre) ) s.data = (s.data ? s.data + "&" : "") + (s.jsonp || "callback") + "=?"; s.dataType = "json"; } There are two times s.jsonp in the code which would be an alternative callback-parameter
[jQuery] Using JSONP...I'm clueless.
Basically, I'm trying to pull data from a database on a different server. On the site without the database (we'll say http://thisdomain.com/index.html), I have var gomon = new Array(); gomon[0] = "Test"; gomon[1] = "Testx"; gomon[2] = "Test3"; $.ajax({ type: "GET", url: "http://somedomain.net/jsonp/selection.php", dataType: "jsonp", data: "foo="+gomon, success: function(gata){ alert(gata.go[3]].repping) } }); selection.php basically is echoing this: ({ "go": [ {"zepping":"grrrrrrr","zamount":"1","zepped":"Ryura","tzme":"2"},
[jQuery] Beginner help with highlight effect
Hello, I'm a PHP developer, but all this javascript thing is new to me. It's the first time I try to do something with javascript and I'm using JQuery to help me do things fast (and best). I wish to make some highlight effect, but can't figure it out by myself. Can you help me? I wish to click a checkbox and then "flash" a div using yellow background. I think I have to paint the div background with yellow and then fade to transparent again. Am I thinking correct? How can I do that? Thanks, rics,
[jQuery] flot graph in thickbox
I created a flot chart page that I am trying to load into thickbox using an iframe. When the chart page loads into the iframe it errors out in jquery with the message: document.defaultView.getComputedStyle(elem, null) has no properties The page is here: http://dev.rwre.com/test/test.html After the page is loaded into the iframe, going to the next month works fine also. Is there some timing issue with document.ready in iframes?
Conditional Dropdown [SOLVED]
Hi, I'm looking to do conditional dropdowns using jquery. Like for example: + Dropdown 1 -- item 1 -- Item 2 -- Item 3 + Dropdown 2 -- item 3 -- Item 4 -- Item 5 ..selecting "item 1" would auto-select "item 3" (or any other value) etc.. I would appreciated any help on this. Thanks.
[jQuery] fxFade + tabsRotate
Okay guys, kinda new to this whole discussiongroup thing, so if i'm completely posting something in the wrong section or anything, then please forgive fot my ignorance.. I have a small problem with the tabsRotate function from jQuery, it all works fine except the order of witch the tabs rotate in is kinda messed up. At first i just used the #fragment-1 id's from the demo, but they had the same problem. I'd really apprecieate the effort if anyone would be so kind to check it out for me, cause when
[jQuery] Is it possible to contain an external https pages within a Modal?
Hello, What is the best way to integrate https://access.e-mis.co.uk/ within my site? At the present, users are simply given a link to the site and that is it, but I was wondering if it will be possible to open this link within a Modal, then the user logs in, makes the appointment... updates their records etc... and when they are finished they close the Modal. I have tried the jqModal example, but if I replace: [code] <script type="text/javascript"> $().ready(function() { $('#ex2').jqm({ajax: 'jqModal.html',
[jQuery] Is it possible to contain an external https pages within a Modal?
Hello, What is the best way to integrate https://access.e-mis.co.uk/ within my site? At the present, users are simply given a link to the site and that is it, but I was wondering if it will be possible to open this link within a Modal, then the user logs in, makes the appointment... updates their records etc... and when they are finished they close the Modal. The goal is to make it transparent to the user that they are actually leaving the original site. Thank you for any advise or suggestions. Norman
[jQuery] Is it possible to contain an external https pages within a Modal?
Hello, What is the best way to integrate https://access.e-mis.co.uk/ within my site? At the present, users are simply given a link to the site and that is it, but I was wondering if it will be possible to open this link within a Modal, then the user logs in, makes the appointment... updates their records etc... and when they are finished they close the Modal. The goal is to make it transparent to the user that they are actually leaving the original site. Thank you for any advise or suggestions. Norman
[jQuery] Is it possible to contain an external https pages within a Modal?
Hello, What is the best way to integrate https://access.e-mis.co.uk/ within my site? At the present, users are simply given a link to the site and that is it, but I was wondering if it will be possible to open this link within a Modal, then the user logs in, makes the appointment... updates their records etc... and when they are finished they close the Modal. The goal is to make it transparent to the user that they are actually leaving the original site. Thank you for any advise or suggestions. Norman
[jQuery] Is it possible to contain an external https pages within a Modal?
Hello, What is the best way to integrate https://access.e-mis.co.uk/ within my site? At the present, users are simply given a link to the site and that is it, but I was wondering if it will be possible to open this link within a Modal, then the user logs in, makes the appointment... updates their records etc... and when they are finished they close the Modal. The goal is to make it transparent to the user that they are actually leaving the original site. Thank you for any advise or suggestions. Norman
[jQuery] Suggest to jQuery Ajax
Hi Guys, Some months ago, I have created a menu using a structure from a XML file. But using, the Adobe Spry Framework. When I have tried in IE 7, the menu doesn´t function. But the version 1.5 of that Framework has fixed the problem. Looks: "Modified createXMLHttpRequest() so that it tries to use the ActiveX version of the XMLHttpRequest object first, so that developers can still load file:// urls when running IE7 in the local zone." These days, I have created another menu using a strucutre from
[jQuery] Firefox uncaught exception - Please help
I have posted this message back in November and received no replies. I am able to get JQuery Ajax ClueTips to work in Internet Explorer fine however when I open the same page in firefox the cluetips do not work and when I look at the error console I see the following Error: uncaught exception: [Exception... "Component returned failure code: 0x805e000a [nsIXMLHttpRequest.open]" nsresult: "0x805e000a (<unknown>)" location: "JS frame :: http://www.quidizzle.com/scripts/js/jquery.js :: anonymous :: line
[jQuery] jquery for overlay on mouse over
I have been trying a few ideas to get the same effect using jquery but have not found a good solution. Does anyone know of a plugin that would mimic this functionality using jquery ? http://www.us.kohler.com/index.jsp Roll over "design and create". There is a drop down with content. I need to put more than just links in a drop down and would need it to be styled and positioned similar to this. A regular toggle of a show and hide will not work because I do not want it to move anything else on the
[jQuery] FadeIn on $(document).ready flicker
I'm using jQuery on my new photo blog. I am fading in the image when the dom has loaded like this: $(function() { // Animate photo $('#photo').hide(); $('#photo').fadeIn(1500); } The problem is, the photo flickers for about a millisecond, as in, you can see it in full opacity. I can fix this by, in the html, providing a 'display: none;' but then non JS browsers will not see the photo. Is there a "Unobtrusive" way to fix this? Problem is cross browser. Not only IE. Thanks! -- Jeroen
[jQuery] cluetip issue
Hi , i am using teh following code $('.cfjq_cluetip').cluetip({ sticky:false, splitTitle: '|', showTitle: true }); to run the tip on different a tag using their own title attribute to display the tip so I have in my html: <a class="cfjq_cluetip" title="Test|This is a tip" href="#"> Tooltip Test </a> <br/> <a class="cfjq_cluetip" title="Test|This is a tip" href="#"> Tooltip Test </a> <br/> <a class="cfjq_cluetip" title="Test|This is a tip" href="#"> Tooltip Test </a> The point is that the event run
[jQuery] jquery.com down?
getting timeouts when attempting to go to http://jquery.com/
[jQuery] label fires click function twice
If I have a div with a label and input in it: <div id="tab"> <input type="radio" id="r1" value="foo"> <label for="r1">My Label</label> </div> and I add a click handler like so: $('r1').click(function() { window.console.log("hello"); }); Clicking the div or the radio button gets one call to the click function. Clicking the label element results in the click function being called twice. Known? Unknown? Workaround? Using jquery 1.2.1 --Mike N.
[jQuery] Programmatically controlling cut and paste
<div>Is there a way to use jQuery (or javascript in general) to programmatically controll copy and paste functions? I'd like to replace the right-click context menu and *only* offer the ability to cut and paste. I was looking at using Chris Domigan's ContextMenu plug-in to capture the right-click and replace the stock menu with my own, but then it occurred to me that I don't know how I would control the copying and pasting ability. </div> <div> </div> <div>Thanks,</div> <div>Chris<br clear="all">
[jQuery] Select the parent of current element!
I have this followwing form: <form name="editor" action="index.php" method=POST> <nput type=text name="id" value="100" /> <nput type=text name="title" value="cat title" /> <input type=button class="saveButton" name="Save" value="Save" /> </form> I want whenever user clicks on Save Button, it will select the parent element of button(in my case, it is FORM element), then get the value of first input box in form! I tried this but it's not working: $(document).ready(function () {
[jQuery] After submit - fade in
Hey you guys! I have this code: $(document).ready(function(){ $('#addWord').submit(function(){ $.ajax({ type: "POST", url: "add.php", data: {"word": $('#word').val()} }) $('#wordBank').load('words.php', '', function(){ $('.word', this).draggable() }); return false; }) $('#wordBank').load('words.php', '', function(){ $('.word', this).draggable() }) }); And on submit..i want the new word i added via my form to be shown and fade
[jQuery] Callback function - display on page
Hey all! I have been trying to say add a call back function after the form has been submitted, display on the page word has been added, have it appear for a second or so and then fade away..Any ideas on that? My code: $(document).ready(function(){ $('#addWord').submit(function(){ $.ajax({ type: "POST", url: "add.php", data: {"word": $('#word').val()} }) $('#wordBank').load('words.php', '', function(){ $('.word', this).draggable() }); return
[jQuery] cloding events problems
Would this be the correct way of cloning events? for(var i = 0; i < array_length; i++) $new_dom[x] = $('#hotel_information div#hotel_selection' + table_id).clone(true); } for(var x = 0; x < array_length; x++) { var new_element = new_dom[x]; $(new_element).appendTo('#hotel_information'); } I am trying this and and all my html is properly being copied by my binded events(well bind events for the tabs plugin) and not being pulled? is this an issue with my code, with the tabs plug, or with something
[jQuery] How to identify the selected element with jquery?
I suspect this is extraordinarily simple, but I've yet to find a way to do it so bear with me (very new to jquery). My mission is to allow a user to click on a link of css class "closed" (the content below that point in the DOM will be hidden). When that link is clicked the content will .show(), or maybe .toggle(). My first issue is that there may be several links of the class "closed" on the page. I need to select only the DOM content "below" that link -- ie, everything (I think) from the link up
Events don't work after load content using $.get
Hi everyone, I have an event that is not being listened and I can't figure out why. The thing is that everything is working fine while all my html code is static, but as soon as I modified it with some data pulled from the db, the click() events for the radio buttons doesn't trigger the actions any more. What I'm doing wrong? I leave you part of the code, so you have a better understanding. Thanks The jquery part -------------------- ... // Styles section - Effects $("input[@name='style']").click(function(e){
[jQuery] load a page, then use ajax to load html + script inside that page
Hello all I have a problem that has been discussed several times on this list, but I could not find a satisfactory solution yet. I created a regular html page. I have a onclick event which triggers an ajax call. This ajax call runs a very simple php script on my server, which returns some html as well as a little jquery call that uses the preceding html. The problem is that the javascript is evaluated before the html is loaded into the DOM, and it can't find the html id it is supposed to manipulate.
[jQuery] Using ajax
Hey all, I am new at jQuery and playing with it for a couple of days and i have: $(document).ready(function(){ $.ajax({ type: "GET", url: "words.php", dataType: "HTML", error: function(){ alert('Error loading XML document'); }, success: function(data){ alert("Data Loaded: " + data); } }); And i get this error: missing } after function body http://localhost/magnet/ Line 31 Any ideas why? All of my {} and () seem to match up? Thanks so much!
[jQuery] Need input on best approach to this type of menu feature
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 08.00.0681.000"> <TITLE>Need input on best approach to this type of menu feature</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Consolas">Hi, all</FONT></SPAN><SPAN LANG="en-us"><FONT FACE="Consolas">…</FONT></SPAN><SPAN LANG="en-us"></SPAN></P> <P
[jQuery] how to create a function in jquery?
I wanted to create a function that will return an array consisting values from 3 textboxes. let's say: $('document').ready(function() { $('input#button_a').click(function() { a = $('input#input_text_a').val(); b = $('input#input_text_b').val(); c = $('input#input_text_c').val(); }); $('input#button_b').click(function() { a = $('input#input_text_a').val(); b = $('input#input_text_b').val(); c = $('input#input_text_c').val(); }); $('input#button_c').click(function()
[jQuery] Kwick type horizontal accordion with jquery ?
Hey everyone! Happy holidays. Ive been on a 3 day hunt for a horizontal accordion that functions almost identically to the one offered by mootools. An example of this type of accordion can be see on the mootools homepage (http:// www.mootools.net) <downloads/docs/blogs/trac>. I want to use jquery or any other structure other then mootools, but idealy jquery. Now i've come across the common solutions on the internet, but they all seem to use a handle bar to control the function, I was interested in
[jQuery] Falling snow plugin
Hi all I'm looking for a falling snow plugin. Is there such a plunin for jquery? Marry christmas! Kia
[jQuery] GET? Print out results via jquery/php
Hey all, I am wondering how I can get my results via php/ajax. Could i use jquery for that print them out like this: <span class="word" id="$word_$id">'.$word.'</span> And print them all out like that above. Would I use the GET function with jquery. Get them all printed out. Thanks so much!
[jQuery] Adding result to database via php/jQuery - similar to tag feature on flickr
Hey all, I have been looking on google and on the jquery site for a function/ plugin that will allow me to do: Have a form with one field that on submit will add the word to the page instantly via ajax/php send the request to the database and post to the table then display a message like "Word has been added" I have come up blank on my search and thought i'd post here. Any thoughts? So after they submit it shows on page, instantly. Thanks so much and happy holidays, Ryan
[jQuery] ajax function - php - display result
Hey all and happy holidays! I have this code: $.ajax({ type: "POST", url: "add.php", data: {"word": $("#word").blah.value} }) That sends it fine to my database and will print on page refresh...i am curious to how I would use it to print out say "Word added." And then display it on the page. Right now I have my data being loaded via a php while() loop would it be better to do this via ajax? Thanks so much, Ryan
[jQuery] jqModal window hangs when trying to rewrite parent page
All, I would really be grateful if someone can shed light on my issue. My parent page contains a trigger to open a jqModal window. The modal window itself contains a button which when clicked on will rewrite the trigger on the parent page. I need to do this because my real-world page has a table of statuses that link to modal windows which changes the status (and hence the modal window trigger) according to user input. I have put together a simple example below, can someone tell me what I'm doing
Next Page