How Can I get this done ?
Hi, Please visit http://www.dell.com/us/p/laptops In the dell site a user can select different features of what he/she wants like screen size, processor speed and and the script gets the products that meets the criteria. I would like to get the same thing done on my site but I don't know where to start. I searched for a ready script that can do this but I could not find it. I thought it would be a good idea to post this question in the forum. Any help will be highly appreciated. Cheers, Kachaloo
[Suggestion]add recent blog entries on left column?
I rarely visit the jquery.com site or the blog simply because I only need to download jquery once, after that there's no need to go there. However, this results in me missing important blog posts, such as the release of 1.4.4. I completely missed that release and didn't know it was out till someone asked a question about it on the forums. I think it would be beneficial to include recent blog posts on the left column of the forums if possible, or maybe posting announcements in the forums for important
Jquery: how to increase css values?
I would like to know how I can increase css values? Like for example the top value. So I can run a loop that would for every cycle increase the css top value causing a element to be displayed downwards. Any ideas how to do such a thing?
Have to click twice to initiate datepicker. Alert solves it. Why?
Hello.. I have trouble with datepicker and I dont understand it. This is my code: $("#mytextbox").click(function(){ $("#mytextbox").datepicker(); }) If I want to show calendar for the first time I have to click three times. First click to the textbox, second one anywhere else and third click again to textbox. But if I write this: $("#mytextbox").click(function(){ $("#mytextbox").datepicker(); alert("useless alert"); })... calendar appears after the first click to the textbox when the alert
.load screws up links?
When I load a page with img tags into a div, the pictures don't load because the page loading the other into the div is in a different directory. Is there a way around this?
html() on div
Hi there, i have i problem, im loading div through html() by button but, i have 10 div's with the same name and 10 buttons (php + mysql page, comments), and it always loads on the first one on page. There's my script: $(function() { $(".vote").click(function() { var id = $(this).attr("id"); var name = $(this).attr("name"); var dataString = 'id='+ id ; var parent = $(this); if (name=='up') { $("#votebox").fadeIn(100).load('include/voteup.php'); } else { { $("#votebox").fadeIn(100).load('include/votedown.php');
getting caret position in a contenteditable div
I can't seem to find this anywhere. I'm using a div with contenteditable=true, and I need to know where the caret is for operations like splitting the html contents of that div where the caret is. Ultimately, if a piece of text is selected, I'll want to split that html content on the selection start / end. jCaret only seems to work for textareas. Is this possible in a div? thx
Submit with ENTER key and catcomplete widget
I have the following code and I'd like to submit the form when hit ENTER key: $(document).ready(function(){ $('input[data-autocomplete]').live('focus', function(i){ $(this).catcomplete({ delay: 500, source: $(this).attr('data-autocomplete'), select: function(event, ui) { $(this).val(ui.item.value); if ($(this).attr('id_element')) { $($(this).attr('id_element')).val(ui.item.id); $($(this).attr('id_hidden_element')).val(ui.item.id);
Using Dynamic forms and Date Picker Plugins together.
Hi, I have a fieldset that contains 4 elements: (Date from) (Date to) (other text input) (other text input) Add a new date range | Delete date range The date from and to fields have date pickers (using the date picker plugin - http://jqueryui.com/demos/datepicker/) attached to them. The add remove function is provided by the dynamic forms plugin - http://sroucheray.org/blog/jquery-dynamic-form/. The problem is when the new fieldset is added the date picker functionality does not work. The calendar
Using JQuery templating, How to call handlers before and after rendering of every element.
Hi, Inside the template i am having one table, there are five "td" elements but only 3 "td" elements only filled using database object. But i want the handler before and after rendering of all the five "td" elements. What can i do? How do i get any idea?? Previously i used MicrosoftAjaxtemplates in that i used like following <td sys:codebefore="before()" sys:codeafter="after()> </td> <td sys:codebefore="before()" sys:codeafter="after()>{{Name}} </td> I just called "before" function before rendering
Newb help with simple div swap on hover
Hello, I'm trying to do a simple content swap between two divs. I have four links with associated content links (hidden on page load) that I would like to swap out with their respective links when hovered as well as add different classes based on hovered or not hovered. I've tried toggle(), hover(), replaceWith() but can't get anything working, here is what I have, please help. <script src="js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"
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
How to trigger javascript function from footer in jQueryMobile
Using the following example <div data-role="footer"> <div data-role="navbar"> <ul> <li><a href="a.html" class="ui-btn-active">One</a></li> <li><a href="b.html">Two</a></li> </ul> </div><!-- /navbar --> </div><!-- /footer --> How would I trigger a javascript event from the button? Any/Every other time I try it fails...though using <buttons> elsewhere on my site works fine.
Adding transitions/dialogs to forms
Is there any way to specify the way in which the response to the form submission is presented. I've tried adding, for instance `data-rel="dialog"` and `data-transition="pop"` both to the submit button and to the form itself, to no particular success.
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.gchart - Google Chart (by Keith Wood)
Problem, I am generating a large number of charts. The charts have differing x-y axis (number of answers correct, time for answer in seconds, percentage - based on the chart being displayed). These are scatter charts (image below and in attachment). The php code to generate these carts is below. In the code I attempted to use the maxValue to set the max value of the x and y (in the .gchart('change',...) ), but if you do that after the chart is created, then it doesn't work (repaints the chart and
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
jQuery validate multi-part form
I'm using jQuery validate with a modified ASP.Net MVC validation script. I'm implementing a multi-part form like in the validate demo. I created the pageRequired method. However my use differs from the demo as I don't have quite aas much flexibility as all my validation rules come from the initialisation script MVC generates. The problem is that I apply it too all my fields in the form (regardless of whether they are required or not). This causes a few issues as it makes things that arn't require
Dialog error in IE 8
I am trying to open a dialog box when someone drags a "step" box into a droppable. In the ready function I declared the dialog like this: $('#addStepPopUP').dialog({ autoOpen: false, modal: true }) Then on the droppable event I make a call to this div to open as so: $("#dropbox").droppable({ drop: function (ev, ui) { if ($(ui.draggable).hasClass("newStep")) { $("#addStepPopUP").dialog('open'); This works for the first DIALOG (and subsequent ones in Firefox
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
Div Toggle
This is my first post so if its in the wrong spot I apologize. What I am looking for.. I am trying to style up my simple contact form using jquery. What I am trying to do is have one single text input that will be used for both 'email address' and 'message'. So once the user enters their email address then hit's the enter key the box clears and the user then enters their message. I have only been messing with jquery for a few hours now so I don't know if its the best way to do it but I was looking
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()
development on github
hi all, i have made a small contribution to jquery ui on github but it is being ignored. i get the feeling ive done something wrong and perhaps the github guys cant see my pull request. here it is. if you have anything to tell me, please do. https://github.com/jquery/jquery-ui/pull/34
Table Formatting
Hi all, Apologies if that has been asked before (a search yielded no results). I was wondering if there are any built in elements to the jQuery Mobile model for formatting data tables? I'm building an extension of our online job manager and so there is lots of tabular data to display. Thanks! Bob
jQuery ScrollTo - form submit tab remember
Hello, I used ScrollTo plugin with 4 tabs and in each I got a form, each with it's own "submit" button. Now the problem is when I click submit on tab2 for example, the form resets itself to tab1 which has the class "selected". So it reset itself and instead of showing the wrong fields or the echo it goes to the first tab (or the first selected one! each tab is set as "selected" on a different page, so the same div/scrollto plugin is displayed on multiple pages) Please help me with this stuff as I
Dynamically loading accordion items - Problem
Hello jQuery UI forum, I have a DIV which I'm dynamically populating with messages. I'm building the DIV's innerHTML on the fly. However, I'm unable to make the messages be presented as an Accordion. When loading statically (i.e. in advanced, I get a pretty accordion). Hope you can help. function loadMails(){ var accord=document.getElementById("accordion"); //get msg table object var inner=populateAccordion("inbox"); accord.innerHTML=inner; $(function(){ // Accordion
Jquery Highlight Fade Issue
Hello, I'm fairly new to learning and messing with Jquery, so I'm quite unfamiliar with a lot of the functions. I'm currently implimenting a menu bar with the highlight fade onto my website using an apycom menu This one and I am tweaking it a bit to change some of the colors to match my layout. I'm wanting to change the color of the drop down links and the fade color, but there seems to be a function I am unable to find that is over-riding the css color values for the drop down links and fade. It
Link clicked then theme isn't displayed
I'm using the following code: <div data-role="content"> <B>Thanks for helping us improve</B> <br/> We value all customer feedback. It helps us to understand how to offer great service and, when we get it wrong, how to improve for the future. <br/> <br/> When your ready to begin, please <a href="survey.php">Click Here</a>. </div> This page is themed correctly, however, when i click on the link in iPhone it takes me to the page survey.php but
DatePicker
Is it possible to highlight some days apart from today and week ends, say the holidays. If so, how?
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
Widget Factory question re binding Instance in .data()
I'm asking this question here because this functionality is standard to all UI widgets, and is handled by the widget factory... I have a jQuery plugin - which I will convert to a UI widget in the next version - but in the current, non-widget version I want to bind an Instance object/pointer to the widget-element(s) using .data(). In other words, I want to replicate what all UI widgets do, for example: var Instance = $("#myDraggableElem").data("draggable"); Internally, my plug-in maintains static object
Trying to combine Sortable Demo examples for Display as Grid and Connected Lists Through Tabs
Hi all. I am trying to combine two of the Sortable Demo examples. The links are below. http://jqueryui.com/demos/sortable/#connect-lists-through-tabs http://jqueryui.com/demos/sortable/#display-grid I am able to take the code from the Connected Through Lists and get it to work locally fine. However, when I try and add the Float attirbute to the style like the Display Grid example says, it doesn't fully work. It does display the items as a Grid, but the issue is the div for the tab doesn't
Draggable Collide Block Not Working
Im using jQuery UI/Draggable with a collide add on.-- The desired behavior is that there is an area of a page that allows a user to drag and drop a "widget" anywhere they want but the widgets should not be allowed to overlap even while dragging. The collide seems to be working as when you drag one element close to another they kind of bump but if you drag them around a bit you can make one overlap the next and drop it underneath or above it. - While this seems a little unreasonable I have a 'demand'
jqModal IE6 infinite scrolling
Hello, I have implemented the jqModal plugin on a website (still under development) it works fine on all browsers so far, but on IE6 the window is scrolling infinitly vertically, I found some link on the internet, but I don't really understand what the ppl did http://groups.google.com/group/jquery-en/browse_thread/thread/faee5390daa3d95d?fwc=1 Has someone already faced this issue or got any clue ? Thanks! Kevin
Where to place "page-unique" resources ?
Hi, I was reading through the jquery Mobile documentation and found the line below: Conversely, any non-unique assets (those used site-wide) should be referenced in the <head> section of an HTML document, or at the very least, outside of the "page" element, to prevent running scripts more than once. [http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-navmodel.html] Where should i place the unique assets which are per page, like scripts... I'm having problems to load pages when i move the scripts
load empty data in form
Hi, I newer to work jquery,i write the program that the url equal a webservice url and web service connect to table of database and return 2 columns but when jquery use this url grid is empty,what i doing for solve this problem? .... <link rel="stylesheet" type="text/css" media="screen" href="css/smoothness/jquery-ui-1.8.6.custom.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" /> <link rel="stylesheet" type="text/css" media="screen" href="js/src/css/ui.jqgrid.css"
Help With column heights
I'm new to jQuery. What I'm trying to do is check the heights of two columns and apply the greater height to the content wrapper the are in. Here;s what I have so far. $(document).ready(function () { var rColumnHeight = $('#right_column').css('height'); var lColumnHeight = $('#left_column').css('height'); if (lColumnHeight > rColumnHeight) { $('#body_content').css('height', lColumnHeight) }else if(rColumnHeight > lColumnHeight ){ $('#body_content').css('height', rColumnHeight)
jQuery Dialog difference between 1.7.2 and 1.8.0
There seems to be a change between the way jQuery UI Dialog boxes position is handled between 1.7.2 and 1.8.0. In 1.7.2, if you position a dialog box to be off screen the browser will have scroll bars and the dialog box will be where you put it. In 1.8.0, if you position a dialog box to be off the screen it puts it on the right most edge of the viewable area of the browser. I can see the use case for both, but updating broke some functionality. Is there a way to have 1.8.0 act like 1.7.2. I have
Next Page