[jQuery] How to create a shoutbox using PHP and AJAX with jQuery
Hi there guys! It's me one more time... In this tutorial I try to show you how to create a shoutbox for your sites from scratch using PHP and AJAX (with jQuery). We will save all info in a mysql table, I hope you find it useful! http://yensdesign.com/2009/01/create-a-shoutbox-using-php-and-ajax-jquery/
[jQuery] Horizontal scrolling does not render correctly in IE or Safari
I implemented a jquery effect to a design project at work. All looks great in Mozilla, but it renders horribly in IE and Safari. Does any of the jQuery guru know how this problem can be solved? Here's the link - http://www.carlsonschool.umn.edu/Page9350.aspx Please view in IE or Safari. Thanks! djai
[jQuery] Best way to Toggle
Hi everybody and sorry about my English! This is my markup: <fieldset id="id_1"> <dl class="campo-esteso"> <dt> </dt> <dd> <input name="flag" type="checkbox" class="flag" id="flag" value="on" tabindex="1" /> <span class="opzionale">Toggle?!?!</span> </dd> </dl> </fieldset> <fieldset id="id_2"> // this fieldset is hidden Some input text type </fieldset> I have 3 similar checkbox field next. What about the best way to toggle the next fieldset element. I'd try this, but it doesn't works: $(':checkbox').click(function(){
[jQuery] Use mouseover when use a Draggable()
Hi, I want use a mouseover and mouseout event when I Drag some object, but when I use drag in some object the mouse events in other object dont start. Exemple I have a table and its cells have a mouseover and mouseout to change your background. When I move the mouse curso on the cell mouseover and mouseout start, but if I drag some object this events cant start. Tks I use this JS $('#drag1').Draggable({snapDistance: 10}); $("#td01").mouseover(function(){ this.style.backgroundColor = '#cccccc';
[jQuery] unset an array element? (returned via json)
First I have to admit I haven't got a clear understand of js object, array and associative array yet. I'm using jquery form to post a form, and I get back some data in json form, which is an array containing several fields (status, content, etc....) The 'content' is an associative array which can have several elements, so I'm able to access it like this: response.content['header'], response.content['body'], response.content ['leftSidebox'], .... I wonder how I can unset one element in the above array
[jQuery] Dateformat problem
Hi all, i have tried my best and googled like anything but could not get the solution when i use datepicker (all are in small letters) <script type="text/javascript" src="/static_media/js/ ui.datepicker.js"></script> function customRange(input) { return {minDate: (input.id == "sd" ? $("#ed").datepicker ("getDate") : null), maxDate: (input.id == "ed" ? $("#sd").datepicker("getDate") : null)}; $("#sd,#ed").datepicker({ beforeShow: customRange, showOn: "both", }); sd and ed is id of the input box it
[jQuery] loading inbox using jquery imap combination
Hello every one ,,, I have already asked about imap, but no reply may u people not understand my question, so sorry i again i ask that question now, I want to load the inbox mail using the imap and jquery combination ,, And another is, please refer some good example's links for php jquery <br clear="all"> -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyer.hyperphp.com/">http://bharanikumariyer.hyperphp.com/</a> <a href="http://bharanikumariyerphp.site88.net/">http://bharanikumariyerphp.site88.net/</a>
[jQuery] How can I replace some text to another fragment? Wrappers don't support it
Hello. How can I replace some text to another fragment? For example, if I want to highlight all words ‘the’ with red color, I guess to do something like that $('body').ReplaceTo(‘%the%’, ‘<span style=”background-color: red;”>the</span>’); I can’t do this with standard wrappers built-in on jQuery…
[jQuery] Horizontal scrolling does not render correctly in IE or Safari
I implemented a jquery effect to a design project at work. All looks great in Mozilla, but it renders horribly in IE. Does any of the jQuery guru know how this problem can be solved? Here's the link - http://www.carlsonschool.umn.edu/Page9350.aspx Please view in IE. Thanks! djai
[jQuery] jQuery way
Hi all! Is there better way? var elem = $('#container')[0]; var arr = ["header","content","footer"]; jQuery.each(elem.childNodes,function(k,v) { if (jQuery.inArray(<a href="http://v.id">v.id</a>, arr) < 0) { $(v).empty(); } }) thanks Dirceu Barquette
[jQuery] Check both fields together with ajax
Hi, I'm playing with validation and I encountered a problem. I have a text input and a select button. I want to check whether they aren't empty and check via ajax if it's valid (user's typing alias and domain) I was trying to disable validation for text input and just set it an event which fires validation connected with the second field, but it seems that there's problem with cache linked with ajax. My code: domain:{ required: true, alias: true, remote:
[jQuery] a:not named anchor
Hi, I have a relatively simple question that I have been working on. I would like exclude all anchors that point to named anchors within a given page from a particular function. What's the simplest way to express this? Anchors that don't have "#" as the first character in their reference.. $("a:not "#" as the first character in their href").someaction Any ideas? Thanks much, Nikola
[jQuery] drawing hierarchy schemes
Hi! How can I draw hierarchy schemes with jQuery? Have it got plugin for such stuff? I want to draw something like this: parent1 parent2 | | ------------------- ------------------ | | | | child1-1 child1-2 child2-1 child2-2 etc. what do you think? =) thx!
[jQuery] is accessing element by a class faster than accessing X element by ID
Hi, I want to know if it first code is faster than the second (and why) : 1st try : ---------------------------------------- <div id="toto1" class="toto">....</div>... <div id="toto2" class="toto">....</div>... <div id="toto3" class="toto">....</div>... $(".toto").hide(); ---------------------------------------- 2nd try : ---------------------------------------- <div id="toto1">....</div>... <div id="toto2">....</div>... <div id="toto3">....</div>... $("#toto1").hide(); $("#toto2").hide(); $("#toto3").hide();
animate multiple elements at different speeds
I'm having a weird one... I want to slide in several thumbnail images but at differing speeds, so they finish sliding in at differing times. Sounds simple enough, but this code: for (var i=0; i<n; i++) { $("#thumb"+i).animate( {top: 16+(i*100)+"px"}, {queue: false, duration: i*1500 }); } ...produces some very strange results. The first thumb waits for 1500 milliseconds then slides in very quickly. Then the next thumb waits 1500 milliseconds and slides in quickly, and so on for all of
[jQuery] Invalid Json Primitive
Hello all, I am trying to create a widget within .NET that's why using JSONP. But when i run the code below, i get the error 'Invalid Json Primitive' on client side before calling web service , how can i handle that ? function test2() { var params = '{wdgtype:"1"}'; $.ajax({ type: "POST", url: "service.aspx/GetWidget", data: params, // Set Method Params beforeSend: function(xhr) { xhr.setRequestHeader("Content-length", params.length); xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");},
Checkbox, elements in a array
Halo, in a formula I have a list with checkbox, if the user click on one box, the box value shut be put it in a array. If the user click again on the same box, the value shut be remove from the array. Here my php part: foreach( $ob as $key => $value){ ?> <tr> <td align="center" > <input type="checkbox" name="box4_<?php echo $value->id;?>" id="box4_<?php echo $key;?>" value="<?php echo $value->id;?>" onClick="takeBox( '<?php echo $value->id;?>' );"> </td> </tr> <?php } Here my
$(document).keydown only works in FireFox?
Hello, i tried to use jQuery for cross browser compatibility. I want to execute a click on a button when Enter got pressed on page... but the following script still only works in FireFox and not in IE. can anyone help me or have an idea? <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $(document).keydown(function(evt) { if (!evt) evt = window.event; if (evt.keyCode == 13)
[jQuery] jQuery.Accordion - how can panels stay open?
I'm successfully using the accordion here http://www.norwegianfashion.no (right side below videos). My question is: How can I leave a "panel" open after it's been clicked? If 'Andre lenker' is open and I click 'Designskoler', 'Andre lenker' panel is closed and 'Designskoler' opens. Offcourse I would like to close an open panel by clicking it again. I'm not sure if this is similar to what I need: http://groups.google.com/group/jquery-en/browse_thread/thread/51a8b8a5d7feb738/640f730a404df9f4?lnk=gst&q=accordion#640f730a404df9f4
[jQuery] Computers
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages ************************************************************************************ http://www.freewebs.com/industr/ http://www.mehndi.com/index.asp http://www.bidvertiser.com/bdv/bidvertiser/bdv_registration.dbm?source=104240046 http://www.cuteonly.com/?a_aid=cef9b4ea&a_bid=e57e7b80 http://www.adbrite.com/mb/commerce/purchase_form.php?other_product_id=948824&afsid=1
Modifying textarea resizer so that it auto-expands downward
Hi, Is there a way to modify this so that as you type down past the bottom, the textarea expands down automatically (so the scrollbar doesn't appear)? It's cool now but that would make it ideal! http://www.revivedmusic.com/_dev/jQuery/TextAreaResizer/ Danielle
[jQuery] Job: experienced developer (jquery) to AJAXify existing MVC task app
<!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.2800.1619" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>Hi</FONT></DIV> <DIV> </DIV> <DIV><FONT face=Arial size=2>Might you be interested in this?</FONT></DIV> <DIV> </DIV> <DIV><FONT face=Arial size=2>We require an experienced developer (jquery) to AJAXify existing MVC task tracking
Help with Selectors Attribute Contains
Hello, I'm new to jquery...and extreamly stuck. I have a textfield that if contains a specific value, it would add a css style to a checkbox located on the form. I got this working but adds the css on the textfield that contains the word. For example jQuery("#caserecordcharge_1r[value*='Guilty']").css("border","3px solid red"); but wanted the style applied to the checkbox with id #Checkbox4c1 if #caserecordcharge_1r had the value 'Guilty' Regards, Aldrin
[jQuery] $.ajax and xml
I built a simple photo gallery with XML and Jquery. Works Perfect in Firefox, and displays nothing in IE6/7. I have examined the produced code with FireBug, and it looks exactly as it should. From the research I have found, it's either an issue with XML being called as ActiveX (which may not be a Jquery bug, just an issue with IE) or something with .html... I don't think that is the answer. Pretty sure I have activex turned on and all. http://dev.jquery.com/ticket/3777 - Source files are located
[jQuery] jQuery Cycle - onBefore not running on first slide?
I'm using the onBefore() function to check for the tagName of the next element/slide. (If it's a jpg, png, flv, etc.) But it looks like the onBefore() function is not run on the first slide, because the function does not start on the first slide, but it does start properly when the slideshow has looped through and is back on the first slide. Is there a way to check for the tagName of the starting slide? -- View this message in context: http://www.nabble.com/jQuery-Cycle---onBefore-not-running-on-first-slide--tp21287122s27240p21287122.html
[jQuery] rows highlite issue..need help
Hello, I have following poblem to highlight row, i use followin jquery $(document).ready(function() { $("table tr").css({ background: "#eeeeee" }).hover( function() { $(this).css({ background: "#DE2211" }); }, function() { $(this).css({ background: "#eeeeee" }); } ); }); problem is it highlight every row even header on hovering..is there way to not highlight <th> only,,can i add condition that if table tr is th then background is #eeeeee..i want to do without class pls perdon my english.
[jQuery] How to check all required fields after each field is filled...
I'm trying to validate a form. All the validation I've implemented up to this point is working fine. However, I want to be able to scan all required fields after each field is filled in and see if any required fields remain to be satisfactorily completed. If there are any, I want to keep the submit button on my form disabled. I'm trying to use this code: $(':input.required').each(function() { var val = (this.value.length); if (val == 0) { $('#submit').attr('disabled', 'disabled'); }; }); However,
Hiding only select members of a class
I'm trying to hide all elements that are members of my "content" class EXCEPT one member which I don't want to hide. I can't add ID's the the DIVs I want to hide because I'm already using the IDs to do something else. Here's my jQuery code: <script src="js/jquery-1.2.5.min.js"></script> <script> // When the document loads do everything inside here ... $(document).ready(function(){ // When a link is clicked $("a.tab").click(function () {
[jQuery] a:not referencing named anchors
Hi, I have a relatively simple question that I have been working on. I would like to exclude all anchors which reference named anchors from a particular function. What's the simplest way to express this? Although I don't quite know how I'd write this up I was thinking something along the lines of: Anchors that don't have "#" as the first character in their reference.. $("a:not "#" as the first character in their href").someaction Any ideas? Thanks much, Nikola
[jQuery] [support] imap jquery
Hi Every one, Am working in imap(gmail) presently am loading the inbox mails using imap php, i want to increase the speed(Loading inbox mails) Is there any possibility to use the jquery ,For increase the speed , Thanks -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyer.hyperphp.com/">http://bharanikumariyer.hyperphp.com/</a> <a href="http://bharanikumariyerphp.site88.net/">http://bharanikumariyerphp.site88.net/</a>
[jQuery] Disable Page Refresh
Hi, Is there a way to disable page refresh option - F5, Ctrl+F5, Menu > Refresh / Reload, Right Click Refresh? Regards, Himanshu Rathore
[jQuery] Change image to black and white on hover
Hi all, I'd like to think this is possible with JQuery, but can't find a reference online. Basically, I have a bunch of coloured logos that have links wrapped around them. I would like to create a hover state using JQuery that makes the images turn black and white when you hover over them. Currently I am creating two images - one colour, one black and white then swapping them out using CSS. If I could create the black and white hover state using JQuery, it would save a lot of hassle. Would appreciate
Swapping an image that is part of a link
i have 3 images in a list that form interface tabs, that show and hide divs below them. I want to swap the image for the current tab based on its name. I think my problem is to do with how selecting the image? Hen help welcomed - thanks // Tab Code var tabContainers = $('div.tabs > div'); $('div.tabs ul.tabNavigation a').click(function () { tabContainers.hide().filter(this.hash).show(); $('div.tabs ul.tabNavigation li a').replace(/_current.gif$/ig,"_ready.gif");
[jQuery] Filter and fade problems
Hi, to all I have never worked with javascripts, but I have to do something in my web,that needs a javascript. The problem is that I want to present my architectural projects by category. I have about 6 menus(each menu represents a category) and a big layer below it. Automatically all thumbs (in <div>s) are in that layer and all are visible as a grid. And when I click a "Menu-a" all other thumbs except that thumbs belong "Menu-a" have to fade(disappear/ hide). And when I want click it again all thumbs
[jQuery] How to get ClueTip to open in parent document?
First off - Happy New Year to everyone! I am trying to use the excellent Cluetip plugin from: http://plugins.learningjquery.com/cluetip to display some content in a hidden DIV on a page that is pulled into context of the main page with an I-frame. I can easily get the content to display in the way I want it to, but the Cluetip is restricted to the boundary of the I-frame. This causes it to get cut off if the activation point is at the edge of the I-frame. I've ran into similar problems with a lightbox
specify only certain elements using jquery sortable
I'm using jquery sortable to make it so users are able to sort the display order of the users on our system. I'm using a permission system, so I only want them to be able to sort the users for which they have access. I want to display all user's information, regardless of whether they have access or not, they just can't move them if they don't. I used to use scriptaculous, and with that system, as long as I didn't include an id with the element, it would restrict them from moving it. That isn't the
[jQuery] question about each
Part1 var navPath = 'images/nav/'; var navArr = new Array ('nav_about','nav_product','nav_skill','nav_service','nav_news','nav_member','nav_recruit'); var navArrLen = navArr.length; for(i=0;i<navArrLen;i++) { $(document.createElement('img')).attr('src',navPath + navArr[i] + '_over.jpg'); } Part2 $('#nav img:gt(0):lt(7)').each(function(i) { $(this).data('btnOver',navPath + navArr[i] + '_over.jpg'); $(this).data('btnOut',$(this).attr('src'));
Build list from unique items in JSON?
Hi I'm just learning JQuery and while I've got my head around the general concepts, the real power of the logic it provides is still escaping me. I've got a page with a JSON dataset like this: var myData = { records : [ { CATEGORY : "Sport", TITLE : "The world of sport", LINK: "http://test.com" }, { CATEGORY : "Sport", TITLE : "More sport", LINK: "http://test.com" }, { CATEGORY : "News", TITLE : "News views", LINK: "http://test.com" }, { CATEGORY : "News", TITLE : "Some more news", LINK: "http://test.com"
[jQuery] ClueTip style/css question
I pull a full html page into the cluetip and the top level element which is a table has this style to center it. style="margin-left:5%; width:90%; margin-right:5%;" The clue tip centers the content but expands the clue tip background and body past the set width so that there is a chunk to the right that is bigger than the title bar. It looks silly. If I remove that syle the clue tip displays correctly but the content is left aligned. What is the proper way to get the content to align center in the
[jQuery] Get Only Certain Parts of XML
Hi, I have just begun using jQuery to parse an xml file but have hit a snag and have spent the better part of Sunday trying to figure it out. What I am trying to do is return only a certain part group of the below (this is an example but relates to what I am trying to do). XML file <students group="a"> <student> <name>John Lewis</name> <age>15</age> <phone>714-555-6677</phone> <ssn>111-22-3456</ssn> </student> <student> <name post="Class President">Gina Smith</name>
Next Page