[jQuery] Interface - Resizable by x pixels
Ok, i didnt see it in the docs, but I want to set the movement to be in blocks of x pixels. similiar to dragables grid movement. can this be done with the current plugin or will I just have to settle to use the onstop function and snap it to the correct pixel? ie from my code here: w: "#event_" + gEventQ[i].ID +"_dragStart", e: "#event_" + gEventQ[i].ID +"_dragEnd" something like: w: "#event_" + gEventQ[i].ID +"_dragStart" 10px, e: "#event_" + gEventQ[i].ID +"_dragEnd" 10px or other options like
[jQuery] How much info to disclose
John, There have been some questions about Interface and whether its official or not. With Paul basically reworking several key aspects of effects, do we want to release any info on his work? Rey... -- BrightLight Development, LLC. 954-775-1111 (o) 954-600-2726 (c) rey@iambright.com http://www.iambright.com
[jQuery] Attn. developers. Speed of getElementById
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html;charset=UTF-8" http-equiv="Content-Type"> </head> <body bgcolor="#ffffff" text="#000000"> The original is in Russian: <a class="moz-txt-link-freetext" href="http://blogs.gotdotnet.ru/personal/poigraem/PermaLink.aspx?guid=88FECDF4-739C-46C0-8496-589EFD553B60">http://blogs.gotdotnet.ru/personal/poigraem/PermaLink.aspx?guid=88FECDF4-739C-46C0-8496-589EFD553B60</a> Here's a quick translation: ------------------------
[jQuery] Transitions equivalent
Hey guys (and gals) Are there any plugins for jQuery that work like the transition effects from Mootools (http://docs.mootools.net/Effects/Fx-Transitions.js) - Especially the quad function? Thanks, Allan
[jQuery] Interface Plugin draggables
Hi, I'm having a problem with the draggables: I'm trying to get a half transparent background for the element I'm dragging: $('span[@id^=item' + strKey + ']').Draggable ( { revert : true, autoSize : true, ghosting : true, onStart : function(helper) { $(helper).addClass('dragging'); } } ); And here the css: .dragging { backgound-color: #dddddd; filter: alpha(opacity=50); -moz-opacity: 0.5; } The class is assigned to the element, I can test this for eg with adding a border. But the element always has
[jQuery] Improving Link Display for Print
Hi all, Does anybody know if the js used in the ALA article Improving Link Display for Print (http://alistapart.com/articles/improvingprint) was re-written for jQuery? I think that jQuery would do a much better job than that which has been presented. Thanks
[jQuery] Drop event
Is there a way to acces the drop-event in "ondrop" in a doppable? I needs the coordinates to show a popup menue: $(this).attr('isdropabled', '1').Droppable( { ..., ondrop : function(dropped) { showPopUpMenu(event, $(dropped).attr('title'), $(this).attr('title')); } }); Michael
[jQuery] How to show/add content under a row in a table
Hi all, I've lost the post and/or the link, but if I don't remember wrong, there's a solution to my question (I hope). I've a table that show a list of title like this: <table> <tr><td>Title1</td></tr> <tr><td>Title2</td></tr> ... </table> I want to display (by an ajax request, but this is not the problem) the messagge under the row that I've clicked on title, well I don't know how to implement this behavior someone can tell me how I can do it? -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/
[jQuery] Quick question...
<!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 6.5.7036.0"> <TITLE>Quick question...</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P><FONT SIZE=2 FACE="Arial">Hi,</FONT> </P> <P><FONT SIZE=2 FACE="Arial">I need to find the height of a div "after" the ajax response has been dumped into it.</FONT> </P> <P><FONT SIZE=2 FACE="Arial">$('#target').html(msg);</FONT>
[jQuery] var this question
I´m with problems trying use variables like this var valor = $(this).val(); $("#num_resp").blur(function(){ alert(valor); }); Why dont work? What is the correct way? Couze that works $("#num_resp").blur(function(){ alert($(this).val()); }); -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] JQuery + Interface, Multiple Slider Problems
Hey All, I've been building a "thermometer"-like control using jquery + interface, and I've been having some problems with the Slider. I have a stripped down example here: http://jamwt.com/temp/jq/ Using FF 2.X you can see, on both "thermometers", clicking anywhere works perfectly. However, dragging is problematic: on the first, there is a 10-25px gap between the dragging point and the top of the active region, and on the second, dragging doesn't seem to work at all. Any ideas? Suggestions for an
[jQuery] Scrolling Text (Headlines) and/or Marquee in Jquery?
Hi All, I'm looking for a decent scrolling (vertical, multiline) headline plugin, and a horizontal marquee scroller, both as jquery plugins. I've been playing with jCarousel, but it seems to be graphics only, and just plain does not work for me, plus the doc's seem wrong. Any suggestions welcomed! -Scott
[jQuery] Function to Check if a String Contains a Word
I'm a Coldfusion developer and I know there's a CF function CONTAINS to do this. Is there an equivalent function in Jquery?
[jQuery] Loosing access to 'this' objects in callback method!
Hi, I'm another newbie to jQuery and also not that experienced in JavaScript so I'm not sure if my issue is jQuery or JavaScript. The issue is that I'm creating a constructor for an object, in which I initialise some instance properties, then kick off an asynchronous $.ajax event to retrieve an XML file. The callback method of the .ajax object is bound to a prototype method of the same object as the constructor. My problem is that when the ajax call is complete and the callback method is called,
[jQuery] ANN: jQuery-Powered Sites: The List Continues to Grow
Just a quick reminder to everyone that the list of sites using jQuery continues to grow at an amazing rate. Check out the sites at: http://docs.jquery.com/Sites_Using_jQuery Rey...
[jQuery] toggle min/max effect
Hi, I'm a bit new to using javascript so please pardon my "newbie-ness". I'm looking to toggle a div from a minimum height to a maximum height and back with a click event (e.g., 250px to 500px and back). Has anybody else been able to achieve this? How would I write this code? Caveat, the larger size (500px) div should have an overflow:auto applied to it to allow for lengthly content. My goal is to show a small ad (250px height) initially and then on a click, fade out the ad, expand the area, then
[jQuery] Sortables popping out of container
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6000.16441" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff background=""> <DIV><FONT face=Verdana size=2>Hi all</FONT></DIV> <DIV><FONT face=Verdana size=2></FONT> </DIV> <DIV><FONT face=Verdana size=2>I'm using Interface Sortables to order some divs (items) which are nested within other sortable divs (containers).
[jQuery] Attach "success" to jquery.rating
How i attach a succes event to the jquery.rating pluggin from John Resig? I want to do some taks when the rating value is submited, like update the container div of the rating This is not working or is bad implemented. $('form.rating').rating( function(){ success: function() {alert("ASD")}} ); thx. sebastian
[jQuery] FrameReady Help
Hello, i do define a iframe on a page like this: <iframe id="iFrame" name="iFrame" scrolling="no" src="" frameborder="0" marginheight="0" marginwidth="0" height="90%" width="90%"> </iframe> so i dont initialy define a src for this iframe. in a js function i do fire frameready like this: $.frameReady(function(){ load("loadmodule.cgi",POSTParam,function(){ alert("done"); }); alert("here"); },"top.iFrame", { load: {type:"script",src:"/Templates/Generic/Scripts/interface.js",id:"t"} } ); but there
[jQuery] Select value
Well i know this is some newbie question but i´m stuck in this how can i get the select option value?? <label for="tipo_resp">Tipo resposta:</label> <select id="tipo_resp" name="tipo_resp" tabindex="3"> <? do{ ?> <option value="<?=$tipos->id; ?>"><? echo $tipos->tipo; ?></option> <? }while($tipos = mysql_fetch_object($resultado_tipos)); ?> </select><br /> i have to get the values to append the right tag for the answer -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] Fw: slide and radio button state
I've come across a strange IE specific behaviour when using the slide animation. If the div that has the slide applied contains a radio button the checked status is lost once the slide has been used. I've put up a page demonstrating what I mean here: http://www.mm-webs.com/sandbox/radio/radio.cfm In FF you can slide as much as you want and still retain the form value when you submit. In IE, if you submit without sliding the form data is present but after you slide it disappears. Does anyone know
[jQuery] Need to hide all elements
I need to hide all html elements inside <BODY>, except a div named content, but don't know how to do that. Example original content: <html> <body> <div class="top">My Slogan</div> <div class="content">Full text about my site</div> </body> </html> After transform: <html> <body> <div class="top" style="display:none;">My Slogan</div> <div class="content">Full text about my site</div> </body> </html> Then i could transform again and the original content bring back. Somebody help-me?
[jQuery] FrameReady Help
Hello, i do define a iframe on a page like this: <iframe id="iFrame" name="iFrame" scrolling="no" src="" frameborder="0" marginheight="0" marginwidth="0" height="90%" width="90%"> </iframe> so i dont initialy define a src for this iframe. in a js function i do fire frameready like this: $.frameReady(function(){ load("loadmodule.cgi",POSTParam,function(){ alert("done"); }); alert("here"); },"top.iFrame", { load: {type:"script",src:"/Templates/Generic/Scripts/interface.js",id:"t"} } ); but there
[jQuery] FrameReady Help
Hello, i do define a iframe on a page like this: <iframe id="iFrame" name="iFrame" scrolling="no" src="" frameborder="0" marginheight="0" marginwidth="0" height="90%" width="90%"> </iframe> so i dont initialy define a src for this iframe. in a js function i do fire frameready like this: $.frameReady(function(){ load("loadmodule.cgi",POSTParam,function(){ alert("done"); }); alert("here"); },"top.iFrame", { load: {type:"script",src:"/Templates/Generic/Scripts/interface.js",id:"t"} } ); but there
[jQuery] Interface shopping cart - how to insert in DB
Hi all. Interface haves a very cool shopping cart example in <a href="http://interface.eyecon.ro/demos/cart.html">http://interface.eyecon.ro/demos/cart.html</a> My question: how can I reference that selected products in shopping basket to insert in database? I didn't see any form field in source code for that example. Cheers
[jQuery] $.post to submit form data?
Another problem I am having. I have tried using jQuery's $.post function from within a form. i.e: onclick="$.post(\'login.php\', this.form ,function(data) { document.getElementById(\'login_container\').innerHTML = data; }) ; which ... kind of works on the other end I have: if (isset($_POST['usern'])) { $usern = $_POST['usern']; $pass = $_POST['pass']; Simple. However it doesn't work, and if I echo the contents of the strings I get... [object HTMLInputElement] Any help? Thanks
[jQuery] TortoiseSVN help?
Hey all, I'm using TortoiseSVN, and I'm an SVN noob so bear with me... I tried to import from here: http://jqueryjs.googlecode.com/svn/trunk But, it requested a username and password...I tried my Google login but it didn't work...what do I need to do to get it working? Do I need to signup with a different username/password somewhere? Thanks for your patience...
[jQuery] Copying certain elements to the clipboard
Is there a way to copy the current objects contained by the jquery object to the clipboard?
[jQuery] Tooltip function not working
Am I doing something wrong, or does the tooltip plugin not work with the latest jQuery? I have it loaded on my site, and the only code I have is: $('a.showtip').Tooltip({ track: true, delay: 0 }); The hover doesn't show in FF or IE, and I get an error in IE: http://admissionstest.unl.edu/daily_visit/schedule/?type=High%20School%20Senior Any ideas would be appreciated! Thanks!
[jQuery] Possible bug on button click event
Hi, I've come across some behaviour that seems a bit odd to me, not sure if its by design or a bug. I've been trying to fire the click event of a button with the following: $('#mybtn').click(); However this causes the click event to fire twice, the result is the form being submitted twice. I was able to fix it by using instead: $('#mybtn')[0].click(); Which only fires the event once. This only happens with buttons (type="button|submit|reset") not any other element I've tried like hyperlinks. I haven't
[jQuery] Digg now uses jQuery!!
Digg this to make jQuery more and more popular: http://www.digg.com/programming/Digg_Moves_to_jQuery_s_JavaScript_Library
[jQuery] reg expression for finding url [more of a javascript question]
Hey guys and gals, Wondering if anyone has a function or if someone can help me put one together that will find a url in a string? What needs to be done is to find a start point of "http://" or "https://" and an end point of ".com" or ".net"... etc... The reason for the need, I am bringing pages in via .load and on the page there are img tags that reference a fold that is inline with the page I am bringing in. Since the page that is bringing these other pages is at the root, I need to append a path
[jQuery] [Critical BUG] ID Selector
I've created a ticket, see here - [http://dev.jquery.com/ticket/ 1321#preview] Hope it will be fixed ASAP (in 1.1.3 release ?).
[jQuery] Image resizing
I'm sorry I am asking so many questions about this. Still working on this EaseBox thing. <a href="http://www.commadot.com/jquery/easebox/">http://www.commadot.com/jquery/easebox/</a> My question has to do with finding the proper image size based on the viewport. Logic: maximum height and width of the zoomed image is a percentage of the viewport. var maxPercentage = 90%; this means that height nor width can be more than 90% of the viewport. if they are both less, then it should maximize to full size.
[jQuery] Unexpected call to method or property access
I am working on code that will dynamically add some controls to a form. As these controls are meant to be unobtrusive (they add an address lookup field to the form that won't work without javascript) the HTRML code is to be left out of the form itself and added by the script. A (cut down) versio nof the HTML looks like this: <form action="#" method="post"> <fieldset> blah blah blah </fieldset> <fieldset class="alt" id="addinfo-address"> <legend>Address</legend> Address <input type="hidden" id="address-prefix"
[jQuery] a simple (fake) preloader with CSS (slideViewer)
Hi all, i wasn't able to find a solution for my "plugin": preload an unknown number of images in a page without writing their path in an array, or using load vs onload functions or any other (inspiring but too complicated for my level) snippet of code found right here in the list. I was in the train this morning and entering a gallery i had the idea of making it via CSS alone. It is a very simple solution, but in my slideViewer do the trick and, most important, in IE7 too: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
[jQuery] Ajax combined with dra and drop
Hi, I have two hierarchical trees, one soruce-tree, one destination-tree. When I gran a "dragable" from the source-tree and move it over an node in the destination-tree, the destination-node is opend and all subnodes are loaded with ajax. The problem is, that these new subnodes are no "dropables". When I release the "dragable" and grab it again, suddenly the subnodes are "dropables" too. It seems, that the "dragable" only "knows" the node that where "dropables" from before the ajax, but not the new
[jQuery] jQuery and tinyMCE problem
Hi all, I've a form with 1 field and 1 textarea, for the textarea I'm using tinyMCE. I've included the scripts : <script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script language="javascript" type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script> This code is correct? Or tinyMCE must be initialized in another way with jQuery? <script type="text/javascript"> $(document).ready(function(){ $('#formPub').ajaxForm({
[jQuery] cssHover rebirth: wuWidgets
Oke guys, i thought i'd kick an old topic since i am thinking of rewriting one of my old plugins a bit to work with the latest version of jQuery and to incorporate the comments you gave into it. The original thread is here: http://groups.google.com/group/jquery-en/browse_thread/thread/f8739f433058e3f4/b6ffee9ecdfb0540 I've renamed the plugin from cssHover to wuWidgets (Webunity Widgets) since they are more widgets then merely a cssHover-ish implementation. I will also be adding one new form widget,
[jQuery] Javascript: OOP help, accessing parent objects
I am tryign to make more use of OOP techniques in JavaScript, but most of the OOP I have done up to now has been in class-based languages, and I'm struggling a little with the prototype based approach used in javascript. I know this isn't a jQuery specific question but you guys seem like the people to ask on these things. :) The problem is like this. Suppose I have one object that uses another object as a variable inside it, like so: function Contained () { var self=this; self.var1=1; self.var2=2;
Next Page