[jQuery] Working with the ajax function
Hey all, i have this: $.ajax({ type: "POST", url: "add.php", data: "word": $("#word").blah.value, }) And I get this error: missing } after property list http://localhost/magnet/?addWord=ryan&submit=Add Line 17 Any idea why? And my goal is to fill out the form hit submit then display the value on the page instantly. Will this do this? And where i have "blah" that changes to "word" correct, here is my form: <form name="add" id="addWord" method="post" action="add.php"><label>Add
[jQuery] Working with selectables and draggables
Hey all! Happy Holidays, I am trying to combine both selectable effects and draggables. I have this: <script type="text/javascript"> $(document).ready(function() { $(".word").draggable({grid: [50,50]}); }); $(window).bind("load",function(){ $("#wrapper").selectable(); }); </script> I am going to have multiple classes to select that are span elements with the class .word as you see above and I want to be able to select them and also drag them all. Any ideas? Thanks in advance, Ryan
[jQuery] Displaying results over page
Hey, I am using php to generate the items on this page that you can drag: http://rksdesignstudios.com/magnet/ And I am wondering how i can go about on page load they will be displayed all over the page, randomly not in a line like it is above. I have checked google and jquery for plugins and nothing came up. Any thoughts? Thank you so much in advance, Ryan
[jQuery] mery christmas!
<!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.2900.3243" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>and great 2008 to ya'll !!</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2>huge hug<BR>baita abraço<BR>Feijó</DIV> <DIV></FONT> </DIV></BODY></HTML>
[jQuery] ui-tabs + ajaxContent
I am building a page that uses jQuery + ui.tabs to load content into the right half of the page. In this "loaded" content I am trying to do a ajaxContent to load a small html form when a link is clicked. The ajaxContent is unable to find any ajax class elements...ie the ajaxContent does not work. The structure is like so... mainpage: //javascript to do ajaxContent $(document).ready(function(){ $('.ajax').ajaxContent({ target:'ajaxContent', success: function(obj,target,msg){ $(obj).css({color: 'blue'});
[jQuery] local ajax development?
I am trying to pull in some data, but I can't get it to work when I develop locally. I keep getting the following error:[Exception... "'Permission denied to call method XMLHttpRequest.open' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] Any ideas?
[jQuery] jCarousel with mixed thumbnail image sizes needed
As a visual artist trying to use jQuery to display art images I would like to be able to mix vertical and horizontal images that all have a maximum height but varying widths. I am using the jCarousel with Thickbox3 demo. Everything I've tried so far just mucks it up. http://sorgalla.com/projects/jcarousel/examples/special_thickbox.html as a starting point. Love jQuery & all the jQuerians who help others on this group.
[jQuery] select function change - filter
Hi, I'm looking for some help building a filter function through select (combobox) > something like this: $("select").change(function () { $("select option:selected").each(function () {... I have different divs each with a class like "html", "flash", "print". I created a combobox to select one of this classes > <option value="all">ALL</option> <option value="html">HTML</option> ... Basically all divs are visible. Now if I select "html" all other divs with the classes "flash" and "print" should fade
[jQuery] Select elements in order
I want to select some items on my page in the order they appear, but it seems that jQuery selects them in the order that my selectors are written instead. So: $('h1,h2,h3') gets me all the h1s, then all the h2s, then all the h3s. Is there a way to get them in the order they appear in my document instead? Barring that, it's almost like I need a way to say "select all the h2's after this h1 UNTIL you find another h1 or an h3 ... " Any help would be appreciated!! Rebecca http://blog.rebeccamurphey.com
[jQuery] (this).next problem
hi all, I'm new to the list and new to jQuery, so I hope you can bear with me. I'm having a problem getting a specific div to hide without hiding similarly classed divs. The HTML looks something like this: <div class="device_header"> <h2>Device Name</h2> <ul> <li><span class="collapse_device_span"><a class="collapse_device">-</ a></span> </li> </ul> </div> <div class="device_content"> ---Device Information--- </div> The jQuery I'd like to use looks like this: $('.collapse_device').click(function(){
[jQuery] Thickbox Fixed Position?
Is it possible to fix the position of the thickbox? I have a client that wants the thickbox exactly 115px off the top regardless of the scrollbar position. I tried to adjust the following css but I had different results depending on the size of the thickbox. The problem is that we have 3 different size thickbox implementations but they all need to be fixed to the same position of top:115px; #TB_window { position: fixed; background: url(img/popin_bg.jpg) top repeat-x #FFFFFF; z-index: 102; color:#000000;
[jQuery] Access denied to jQuery library
Having installed jQuery on my main development machine, it works fine. But from another machine, through the network, if I call a .htm page which uses jQuery, I get a "403 Forbidden" error, with "You don't have permission to access ...my path through network.../jQuery 1.2.1/ jquery.js". All the other .js files used are correctly loaded. I wonder what may happen...? TIA for any comment.
[jQuery] unbind keypress for input boxes
Hi, I have a few keys bound to a function, but I want it to be temporary disabled when a user is filling in a form. I thought this would do it: $('input').hover( function() { $('input').unbind("keypress"); }, function() { // Rebind stuff }); But it's not working. What am I doing wrong here? Happy holidays! -- Jeroen
[jQuery] MSIE 7.0 and slide() function...
Hi :) I'm working on my website, just to practice a bit with jquery. I have a problem here: http://www.andreavarnier.com/temp menu code is like this <ul id="menu"> <li id="here"><a href="index.html">Home</a></li> <li class="open_sub"><a href="#">Musica</a> <ul class="sub"> <li><a href="audio.html">audio</a></li> <li><a href="spartiti.html">spartiti</a></li> <li><a href="lezioni.html">lezioni</a></li> </ul>
[jQuery] Problem with toggle
I am facing an issue with the toogle API. I have a tr with dynamic Id's as Id1, Id2 etc..... Within that tr I have many td's in which one td has an image which needs to be toggled to plus image and minus image. That is when I click on the image, it should toggle between plus and minus images. Also when the image is clicked another tr should be displayed and hidden accordingly. That means a tr within a tr and the outer tr has an image. I was trying to write the code as: $("img[@id^='myImgId']").toggle(
[jQuery] FlyDOM + New Input Field != New Field being Submitted
I'm using jQuery + FlyDOM to add new elements dynamically after page load to the DOM tree. I'm adding new input fields this way. They are clearly within <form></form> tags (added as children to a <div> within the <form></form> ). However, when I submit the form, only the pre- existing input fields get submitted and show up in PHP's $_POST variable. Any idea how to get the new input fields to submit as well? Thanks
[jQuery] Need to make a class or plugin...
Hi! I have this code in my 'Learn jQuery' project... $(document).ready(function() { //try idle events var _events = [[window, 'scroll'], [window, 'resize'], [document, 'mousemove'], [document, 'keydown']]; jQuery.each(_events, function(i, e) { // console.log(e.toString()); $(e[0]).bind(e[1], function () {onActive()}) }); $(document).bind( 'state:idle', function () {console.log('system idled')} ); var _timer; function onActive(){
[jQuery] a simple XML value change
hi, I've seen in the forum many requests that take and show parameters coming from XML. But what about modifiying these values dynamically? I tried something like this: $("p").click(function(){ $.ajax({ type: "GET", url:"arxiu.xml", dataType: "xml", //if we suceeded in getting the XML, let's change it success: function (xml) { var grup = $("Name:contains('user')",xml); var item_text=(grup.text()); alert (item_text); //yes,it shows
[jQuery] wymeditor in thickbox
I am having trouble getting the wymeditor to load in a form that is opened into a thickbox from a separate html file. The form html file by itself, with proper scripts for wymeditor loaded, works fine; in the thickbox it is a plain textarea. Is this even possible? Has anyone else tried it? Any help would be greatly appreciated. -Joe
[jQuery] Making BlockUI overlayCSS overridable via opts
Hi, Updating overlay css for styles like cursor etc. when calling blockUI makes sense when you use blockUI for dialog boxes as well as showing a message to the user while waiting a request to complete. Here is my suggestion. Index: jquery.blockUI.js =================================================================== --- jquery.blockUI.js (revision 4300) +++ jquery.blockUI.js (working copy) @@ -234,7 +234,8 @@ : $('<div class="blockUI" style="display:none;z- index:1002;cursor:wait;position:absolute"></div>');
[jQuery] [PLUGIN] jqGirdView - Excellent Grid Plugin by Victor Bartel
Haven't seen this once announced anywhere but I'm really impressed by the looks and functionality: http://creamarketing.net/Products/jqGridView/Demos/tabid/59/Default.aspx Very impressive work. General feautres: * Column resizing. * Server-side sorting. * Server-side paging. * Server-side filtering. * 100% XML support. * Inline row edit. * Columns templates. Code and theme can be found here: http://sourceforge.net/projects/jqgridview/ Rey...
[jQuery] $_POST variables not passed to PHP script processing form
Ultimately I want this form to upload a file to a server location based on the additional form fields on the server. I started with sample code that I found querying jquery file upload. Originally echo.php contained two var_dump statements - one for $_POST and the other for $_FILES. That works fine and echos the data back in the output div on the form page. Once I got the form working as intended I replaced the var_dump statements with explicit references to the $_POST variables. The problem now
[jQuery] Attaching events to dynamic DOM IDs
The following code: for(var i = 0; i < 30; i++) { jQuery('#day_' + i).click(function() { console.log('i is ' + i); jQuery('#day_' + i + '_modal').jqmShow(); }); } Runs, but always reports "i is 30". Now, I understand why it does that, but why doesn't the jqmShow method work? It appears as though the code that "gets executed" is dynamic. In other words, when the click event occurs JavaScript looks up the code as it was at the end of its execution, when variable i is 30, instead of "remembering" that
[jQuery] clicking on row vs. clicking on link in that row
I've set up a simple action when a user clicks on a row in a table. (highlight the row, load some details via ajax into a div) However, in one column of the table I've got a link/button that, when clicked, will hide that row. If clicked, I don't want to highlight the row or load it's details. How do I distinguish between the two? // highlight rows, load details $("#myTable tr").mouseover(function() { $(this).addClass("over");}).mouseout(function() { $(this).removeClass("over");
[jQuery] replace missing image (onerror)
I used to add an onerror even handler to img src tags to prevent images which do not show up. Is there a way to do this in Jquery?
[jQuery] bind and unbind click event
I'm trying to add functionality that toggles an image on click event, inserts row into db and binds a new event which removes the row on click event. this works but i was wonder if there is a more elegant method: add_imgoing = function() { $(\'.add_imgoing\').click(function () { var show_id = $(this).attr(\'id\'); var user_id = '.PA::$login_uid.'; $(this).attr({ src: \'Themes/Beta/images/button-remove.jpg\' }); $(this).removeClass(\'imgoing\').addClass(\'remove_imgoing\'); $(this).unbind(\'click\');
Correct Way to Get Base URL?
What's the best way to obtain the base_url of a site via jQuery?
help triggering link click for history/remote from flash
Hi, I am currently using Klaus Hartl's history remote plugin (http://stilbuero.de/jquery/history/) , but I'm having some trouble getting links from flash to work properly in ie. So far, what I have done is create actual <a href> links for my different sections with specific #titles for each one. I set these to display:none in my page footer, so that initialization of the history plugin finds these links, converts them to my title hashes, and then in flash I just set my links to be #title. This works
[jQuery] Announcing jQuery HowTo's
In a recent thread (http://groups.google.com/group/jquery-en/browse_thread/thread/acfe180142e9668a/0453acd9acf83754?lnk=gst&q=New+jQuery+release#0453acd9acf83754) the need for volunteer help with the documentation was discussed. I posted a suggestion that maybe a "how-to" type of document may help those who do not like the reference style of the official docs. I took a look at adding to the wiki, but don't know the syntax/formatting needed (yet). But I wanted to do something about this idea while
[jQuery] jeditable - placeholder text insert when value is 0
Placeholder text insert, regular, when element value is empty, but it's happens also, if the value is 0. Is it a bug? thanks.
[jQuery] form submission and error messages: what's your approach?
Hi, Initiating myself to Ajax, I cam to wonder one important thing: How do you guys handle error messages in the context of a form submission? So far, I have always proceded like this: The fields are treated server-side. If a problem is detected, I return the page to Client (with persistant content relying on session) with: 1. One general error message (ex:"an error occured") 2. Next to each problematic field, a specific error message. Now that I am "ajaxing" my forms, what approaches would you recommand?
[jQuery] Job offer - please ignore if not interested
Hi, I'm working for a London, UK based internet startup and we're looking for talented javascript developers, remote working is fine please contact me for more details if interested. Thanks, Paul.
[jQuery] jQueryish for Effect.CashRegister()
Anyone know of any jQuery version for Effect.CashRegister() http://www.thinkvitamin.com/downloads/cashregister/cashregister.html ? TIA -- <?php echo 'Just another PHP saint'; ?> Email: rrjanbiah-at-Y!com Blog: http://rajeshanbiah.blogspot.com/
[jQuery] using AJAX with jQuery
Hello, I'm new to jQuery (and AJAX for that matter). Even if the library is really easy to use, I'm still having problems "ajaxing". I'd like to understand how to post the following simple form to the server, and send a message to the client depending on the submission process output (telling him if what he submitted is ok or not). Would someone be kind enough to guide me through the steps? Here's the HTML bit. I am going to use jQuery with the Zend Framework (PHP). <html> <head> <script type="text/javascript"
[jQuery] jquery-1.2.1.js critical error on IE 6, Look all
jQuery-1.2.1 rise a error type [Failed] in #943 line on IE 6: #935 merge: function(first, second) { #936 // We have to loop this way because IE & Opera overwrite the length #937 // expando of getElementsByTagName #938 #939 // Also, we need to make sure that the correct elements are being returned #940 // (IE returns comment nodes in a '*' query) #941 if ( jQuery.browser.msie ) { #942 for ( var i = 0; second[i]; i++ ) #943 if ( second[i].nodeType
[jQuery] Menus states and cookies - simple DOM question, please help!
Hello, I think this should be a pretty simple issue but I can't find any clear information on how to do it :( In-a-nutshell, I just need an accordion menu to not lose it's state (what is open/closed at the time of click) when the new page loads. I've poured over the following pages already: http://www.learningjquery.com/2007/03/accordion-madness http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ http://jeroencoumans.nl/journal/simple-accessible-jquery-menu And while they all work as is,
[jQuery] HELP Needed extending Ajax File Uploader Plugin For Jquery
Download URL - http://www.phpletter.com/DOWNLOAD/ I want to extend the sample upload form with two additional fields. My problem is I do not know how to get those additional field variables passed in the POST process. Here is a snippet of the javascript used. In the function ajaxFileUpload, s.fileElementId is the name of the file to be uploaded. I can see where it is added to the form constructed in the function createUploadForm. How do I introduce 2 new form field names so that I can reference them
[jQuery] internet explorer debugging
hello friends, my application is running ok in firefox but is not doing so great in internet explorer. I'm having a hard time tracking down the bug(s). Can someone help me? Problem is i didn't find any decent tool to debug javascrpt in internet explorer. Anyway, here is the prototype i'm working on: http://www.pixeline.be/test/m2/ the source code is here: http://www.pixeline.be/test/m2/_js/frontend/6_proto_strata+datascape+project.js Basically, a good part of the code is used to make sure all elements
[jQuery] Increasing CPU usage as menu is used
I created a menu using the jdMenu plugin and having issues with CPU usage. It seems that as my menu is used, the CPU usage will climb. It's probably best to show an example. I have created a test page with just my menu. The URL is: http://neo.bopfer.com/1/ Upon first load, if you hover over "Center", then hover over the sub items, the hover action is very responsive and the items change yellow as they are hovered. Now, hover back and forth between "Website" and "Center" 15 or so times. Then go back
[jQuery] creating own callback
Hi, I spend some time in browsing through the documentation but I didn't find anything about creating own functions with callback- functionality. How do I do this? What I want to do: Write a function that preloads an image and returns a callback when the image is loaded. It looks like jQuery.extend({ preloadImage: function(imagePath) { jQuery("<img>").attr("src", "gfx/"+imagePath); } }); $.preloadImage("example.gif"); But how have I to edit the first part when I want the second to look like
Next Page