Rebinding question
Hi, I am working on a drupal website for my personal portfolio, the website itself is in a grid format and the nodes or articles are of varying heights and fixed widths. The height value itself is stored in each node: <?php print $node->field_imgheight[0]['value']; ?>. The DOM for each node is set up as follows: <div id="node-<?php print $node->nid; ?>" class="node"> <div class="boxgrid caption node-inner" style="height:<?php print $node->field_imgheight[0]['value']; ?>px; "> <div class="boxcaption
Anybody, about extern the css pseudo class :)
I want use a custom anchor with icon in my page, but i cannot using "background" in anchor tag directly because im using a sprite,the code like this: // html <a href="#c1" icon="icon1">icon link1</a> <a href="#c2" icon="icon2">icon link2</a> // css ins{width:16px; height:16px; background-image:sprite.png; background-repeat: no-repeat;} .icon1{background-position:0 0} .icon1:hilight{background-position:0 -16} .icon2{background-position:-16 0} .icon2:hilight{background-position:-16 -16} // js $(document).ready(function()
jquery reload php included page
hi there, i'm trying to write like/dislike script using php/mysql and i need jquery to refresh data without reloading whole page. i checked in manual, and found some tutorials, but i only figured out how to load php file in for eg. some hidden div, still trying to reload included file in one place. (sorry for my bad english). id like it to look something like this: some heading like(link to like) / dislike(link to dislike)' [$number_of_likes][$number_of_dislikes][%like/dislike] and after click on
The confused and problem about the jquery ajax using
At first I want request a whole page: $.ajax({ type: "get", url: "Test.aspx", dataType: "html", success: function (html) { $(html).appendTo($("#contain")); }, }); the whole page element will append to the div#contain,include the css,js script effect , but when I request part of the page 's elements,like : $.ajax({ type: "get", url: "Test.aspx", dataType: "html", success: function
can't cancel default dragover after animating
Hi, I have a <ul> with <li>'s inside. When I drag something over an <li> it will animate. I then want to cancel the default dragover handler so that I can enable drop on this <li> (I am targeting Google Chrome only, so I only need to cancel the dragover event to enable dropping). $('li').bind("dragover", dragoverCallback); function dragoverCallback (event) { var target = $(event.target); target.unbind("dragover", dragoverCallback); target.animate({'left':'100px'}, {'complete': function()
How do keep mouseenter from infinitely retriggering an action?
I want an action to fire ONCE on mouseenter. How do I keep the action from repeating ad nauseum? It's a <td id="cap"> with an image. An alternate <td id="capB"> placed on top of it (via z-index) is supposed to momentarily become display:inline and show its image, then goes display:none again and the original <td id="cap"> becomes visible again until mouse goes out and re-enters. But the problem is, my script keeps refreshing and thinks it's repeatedly a genuine mouseenter, so the whole thing triggers
Parsing XML
Hi, I need some help I am thinking about an small project to display a xml structure as IE does, becouse I didn't find a suitable plugin, so I need a little help about parsing XML dokument, concretly I need to know how to find an end of xml tag. For example if i have <xml><name></name></xml> how to target the </xml> tag Thanks
$('document').ready() is not running on form submit
Hi I have a page that has a login form. This login form hast three steps: enter username, enter security answer and enter password. Now this page has some html elements that get repositioned during the ready event like so: $('document').ready(function(){ $('#targetPlaceholder').html($('sourceElement')); });Now this code is only running during the first load, and whenever the user submits his username (we never move away from the page until the correct password is submitted) the repositioned
Thickbox does not open while in Flash Full Screen mode
Hello Everyone, I'm new to this forum and need your help. I'm not a programmer so please bare with me. Hopefully with my explanation you'll either understand my problem or have experienced it and know how to solve it. I'm an virtual tour photographer and use a software tool that produces my output in flash. It uses AS3 and xml to create the output and supports js calls. I have an eye wear client that not only wants a virtual tour of their store but they want some object vr also in flash to be embedded
How do I make the dialog window resize when it's content change and not show the side scrolls?
I have a form that I load in a dialog window using: $("#somediv").load('form.html').dialog({modal:true}); it works great but when I submit the form the validation script displays the errors if fields are missing, which make the page longer and the side scroll appear, any way to have the dialog re size itself and not show the scrolls? thanks
Could someone help lead me to how I would create something similar to this?
http://themeforest.net/item/preview/full_screen_preview/88548?ref=Kriesi He has it set to mouseover but I would want mine set to onclick. Im very new to jQuery but working my way thru a book on it. I would love to have this kind of control over my elements. Can anyone suggest what I need to focus on in order to be able to create this effect? I would want it to hold forms and block level elements in each section though, not just photos. Any help/advice appreciated Thanks!
each iteration and animate
Hello. I have the following simple code. $.each(['red','green','blue','black','orange','yellow'], function(index,value) { $('.all_img').stop().animate({"opacity": "0"}, "slow"); $('#img_' + value).stop().animate({"opacity": "1"}, "slow"); # some delay here });Just to show images one after another. But it seems i have some problems with understanding how each() method works. So i see only one image animation
Using JQuery to Open Lightview Link on Page Load
Having a bit of trouble with this. I'm not a JQuery novice, but can't seem to understand why the Triggerhandler isn't working for this particular PHP site I'm working on. I've used the same type of code in a Drupal site successfully. $(document).ready(function () { $(" #link ").triggerHandler("click"); }); <div="link"><a href='images/p_ada1.jpg' title='American Diabetes Association :: print' class='lightview' rel='gallery[ada]'> <img src="images/thumbs/american_diabetes_assoc.gif"
actions in a list happen at once
how can i make the actions happen all together at the same time, not in a series for instance this code will show the balloon first which takes 100th of a second then go to the next list i want this list to happen at once $("li.il2, li.sw2").click(function () { $("#balloon").show(100); $("li.il2").animate({backgroundPosition: '0 -17px'}) });
Accordion menu not loading correctly
Hi I am trying to put an accordion menu on my site with images. I have 4 images in place and when the page loads they all show up as bullets. Once you mouse over the second or third image then they fall into their accordion position. Am I missing something in my code? Here's what I have: Head Section: <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script> <script type="text/javascript" > $(document).ready(function(){ lastBlock = $("#a1"); maxWidth = 400;
how do I get this .
hi please help me with this : my application is displaying results from the db , in this format <div class="box" onclick="location.href='http://msn.com'; " > <span class="title"> MSN</span> </div> <div class="box" onclick="location.href='http://yahoo.com'; " > <span class="title">Yahoo</span> </div> <div class="box" onclick="location.href='http://google.com'; " > <span class="title">Google </span> </div> I want to read the attributes inside div ( onclick ) url and redirect it , How can
simple image fade on hover?
Total newbie here so bear with me, just trying to get a grasp and hopefully someone can help out real quick. <div id="items"> <div class="item"> <a href="#"><img alt="" src="#" class="itemImg" /></a> <h3><a href="#">Heading</a></h3> <h4>Subheading</h4> <p>some text</p> <a href="#">more</a> </div> <div class="item"> <a href="#"><img alt="" src="#" class="itemImg" /></a> <h3><a href="#">Heading</a></h3>
Using .load to replace previously ".load"ed content
ok, not sure the title is real clear. but basically what I want to do is load in a dialog into a div on the page, then, from that dialog, when a particular link is pressed, replace the content in that dialog with the content from another page. So basically it's like an iframe except I need the content brought in via .load. Is this possible? Here's the scenario... Login link pressed overlay dialog pops up .load in "login.html" Login dialog displays. "Have no account? Click here to create
Selector question
I don't understand why I'm getting: uncaught exception: Syntax error, unrecognized expression: Syntax error, unrecognized expression: j_id1\\ // {!$Component.bla.bal} comes from the platform I'm working with, not a jquery thing. var elmId = "#{!$Component.theComponent.theForm.theValue}"; // elmId now holds a string of: j_id0:j_id1:theComponent:theForm:theValue // do a replace to escape all colons in the id. elmId = elmId.replace(/:/g,"\\\\:"); // elmId now holds a string of: j_id0\\:j_id1\\:theComponent\\:theForm\\:theValue
Firefox seems to mis-handle $.ajax POST to REST-style url web service
I am successfully using $.ajax to POST data to a REST-style web service but Firefox 3.6 and Chrome 7 return to my error:fn() while IE 8 returns to my success:fn(). The jQuery in all three browsers puts the user-supplied data in the database where it should be. Here is the $.ajax part of my code: $.ajax({ type:"POST", url:'http://localhost:52775/Service1.svc/myPost?x=' + $('input#boxInput').val(), contentType: "text/plain", success:function(xml) { alert('returned
[solved] searching for certain text
Hey Guys, I have a new problem: I have some elements (table, div, ...) which contains content. Now I want to search an certain text and do something if one element contains this text: Example: searching for 'schnitzel' Code 1 <div> <p>some text</p> </div> <div> <p>other text</p> </div> <table> <tr> <td> <p>some text again</p> </td> </tr> </table>-> do nothing Code 2 <div> <p>some text</p> </div> <div> <p>other text</p>
help with jQuery and MySQL
Hello, I apologize in advance for my bad English I'm new with java script and jQuery . so please forgive my ignorance I found this jQuery code watch I really like and hope to add it to my site http://jqueryfordesigners.com/demo/infinite-carousel.html ( see the source code) what i want is to add this code to my php file so the images will be from mysql <?php if (!$yy || $yy["admin"]=="no") { // do nothing } else { if ($tr) $sql = "SELECT image,filename FROM {$TABLE_PREFIX}images
Change TABS link and auto load TAB page
Please help: I am trying to change the link based on select list choices. Then auto select the correct tab. This seems to work except it won't load the tab page I want: <!--The form fields: --> <select name="SelectBy" id="SelectBy"> <option value="Customer_Number">Customer Number</option> <option value="Branch">Branch</option> </select> <input name="SearchBy" type="text" id="SearchBy" value="70060850" /> <input type="button" name="GetData" id="GetData" value="GO" /> <!--The
show loading screen/spinner
Guys, I am using jquery to hide few elements on a page. When the server is slow, the page loads and shows all the elements and it take few seconds to unhide the elements on the page. The users kind of get a view of the hidden elements. I was wondering if I could show a splash screen or loading spinner and after the elements get hidden show the actual page. Can someone provide me with sample code or examples... thanks in advance.
Modify URL before sent ajax request
Hi, i have a problem with ajax URL, i need to change and append "/" before the reale URL. Below the example ajax request: $get("mypage.php"...... i need to append "/" before mypage.php, and so modify the ajax url request. I tried with ajaxSetup beforesend without success... Thanks ps don't response $get("/mypage.php"....
event is not defined => keyup not working properly
Hi friends, for some reason I'm getting the error event is not defined if (event.keyCode == 13) { for this $("#check").keyup(function() { if (event.keyCode == 13) { return; } any ideas?
Jquery error on checkboxes with Dateinput plugin (jquery tools)
Hello, I'm using following jquery code to create date inputbox whenever user click on checkbox.. First time click is always works fine but second or other clicks makes nothing, shows inputbox but whenever I click on inputbox it doesn't show the date.. <script type="text/javascript"> jQuery(document).ready(function() { jQuery(":checkbox").click(function() { isChecked = jQuery(this).is(":checked");
Manipulate javascript range object with jQuery
Hi, i'm trying to find out if a javascript range object can be manipulated with JQuery. For instance if i wanted to retreive the current selection and then wrap it into a strong tag this is what i would do in javascript : var t = document.getSelection(); // i only put here the method for Firefox to keep the ex clean var newNode = document.createElement("strong"); var range = t.getRangeAt(0); range.surroundContents(newNode);Now, ideally i would like to work on the range object with jQuery so that
not getting success message, even though form submitting
Hi, I am using JQuery along with PHP/Mysql to submit a form. The form submits fine, but I am not getting the success message. I am using an animated gif with id loader in the CSS and that just spins around without stopping. The form does submit successfully, I just need to debug in the JQuery why the success msg isn't appearing. Any debugging tips? Here is the JQuery $(document).ready(function() { contact.initEventHandlers(); }); var contact = { initEventHandlers : function() {
clone(true) probel on IE
Hi, I have an issue on IE not appearing on FF and Opera : I have a script copying some DIV content in another DIV, using clone(true) : $('.itemSponsor').click(function(){ $('.itemSponsor').removeClass('selected'); $(this).addClass('selected'); $('#rightPane').html($(this).find('.rightContent').clone(true)); }); This works well. Now I would like to initialize the script : when the page is loaded, the #rightPane must be populated with the '.rightContent' element, so I call this
Can this carousel effect be created with jQuery?
Hi folks, I've had a request to produce this (http://www.spin.co.uk/) kind of effect for a website. I have used jQuery plugins in the past but have yet to code anything myself. Basically all I want is for several images to appear in a row. A mouseover would cause any image (except the currently selected/centered one) to move slightly. A mouse click would cause all of the images to slide along so that the desired pic is centred. It does not need to loop. It seems as though something like this should
:visible and :hidden mixup
I get a result I don't expect here. Can anyone shed light on this. I figured if the next element has display none on it then it won't slide up and then down again. But when I put a console.log message in there to get the css display property it says "none" but still animates the element. What is going on here? Maybe I a misunderstanding the :visible and :hidden selectors but they seem pretty straight forward. Thanks, Jeff $(function() { var clicker = $('#test-list').find('dt');
cascading classes and on-click functionality issues
Hi there, I have an issue with using jQuery for a pop-up window. I have a class called "clicker". If you click it the "showHideBox()" function is being called: $(".clicker").click(function(){ showHideBox(); }); showHideBox function is showing box - $(".box").fadeIn(700) or hiding it when clicked again - $(".box").css("display","none"). .box div is positioned fixed with high z-index to provide sort of light-box effect. The .box div contains some clickable - interactive bits. The .box div
animation isn't smooth in ie
Hi I am new to jQuery - and I am stuck. I have made a simple slide show - you can see it here http://www.en2krew.com/clothing.html In just about everything it looks nice and smooth. However, in IE 7 and 8 (but not 9 apparently) it kind of jitters as the photos move. Maybe this is as good as I can expect - but I doubt it! I wohndered if it was sometihng to do with margins/padding. I tried removing them all, but the transitions still didn't look smooth to me. I wouldn't normally post all the
How to use jQuery 1.4 without affecting ExtJS 2.1
Hi Friends, I want to use jQuery 1.4 with ExtJS 2.1 in my project. How can I do that? I read some thing about noConflict() method but I want to make sure that if the latest jQuery I downloaded will work with the adapter comes with ExtJS 2.1 which I believe is for jQuery 1.2.3. Any clarification on this would really be appreciated. Thanks
Is jquery considered as language?
Hi guys I just wondering if jQuery can be called as a language because it has its own syntax. I cant say its a library because most of other language is made through a library of an other language. Just like PHP, PHP is written in C which its function calls functions made in C. Just wanna hear ideas and insights from all of you.
jquery fancybox iframe popup works only for first image click of a LIST VIEW image gallery in asp.net
Hello all,Iam new to jquery.Iam testing fancybox jquery for my application to show a iframe popup when clicked on a image gallery.I displayed this image gallery using LIST VIEW control from asp.net 3.5.Everything goes fine in IE 7.x+,Chrome...but stuck up with issue for IE 6.0. It is once the image gallery is loaded in IE 6.0 when i Clicked on first image the iframe popup opens fine with exact defined size,but if i click any other image inside the gallery the iframe is loaded in a full new window.
Tricky question
Hi guys, I have a tricky question to the jQuery proffesionals. There is a mixed form list with input and option fields. I want to remove all not-needed labels of following option fields to get a styled form like this: This is the html code: <div class="all"> <div class="text"> <input type="text" /> </div> <div class="option key1"> <label>good</label> <option>1</option> <label>bad</label> <option>2</option> </div> <div class="option key1">
On text hover image change
Hi, I want this kind off effect (http://www.javascriptkit.com/script/script2/rolldifferent.shtml) using jquery. Appreciate your help. NS
WYSIWYG HTML editor for jQuery
Can someone recommend a good WYSIWYG HTML editor for jQuery?
Next Page