JQuery :: Using It In A Project To Create Igoogle Panels?
May 6, 2010what is "div.ui-sortable"Im using it in a project to create Igoogle panels.
View 2 Replieswhat is "div.ui-sortable"Im using it in a project to create Igoogle panels.
View 2 RepliesI have a request to implement iGoogle like UI features, specifically, the drag/drop module boxes, and configurable elements for each module box. Currently, I have existing module box with all the forms and elements (backend support for them too). But they are not drag and droppable, and not configurable.My questions are: 1. Do I need backend engineering involved in this implementation? my understanding is: it's pretty much front end UI work and backend already provided all the form elements, backend DB, etc. for this.But my only concern is: how can the system save the user's configuration when they login the next time? Do I need backend engineering's help for this? related DB setup, java class files, etc? 2. is there any jquery UI API/plugin I can take advantage of so that I don't have to do everything from scratch?
View 1 Replies View RelatedI'm trying some experiments, and the other day I saw the "iGoogle" interface, where users can move the gadgets around the screen, and this stuff liked me very much. That's why I want to ask to the community if anybody knows if there is some plugin or library in JQuery to do the same effects and allows the programmer to move a div from one point of the screen to another one and fix it.
View 3 Replies View RelatedI have a drop down box that selects a project name. This is then taken to a javascript function that is supposed to fill in a read-only box with that name, but instead of filling it in with the project name, it fills it in with the project ID, which is how the sql database is set up. Each project has an ID, a name, and other values. Is there a way I can get the project name given the project ID in the javascript function?
View 1 Replies View Relatedi just found this jquery script for collapsable panels : [URL] it works fine for me, but the problem is that i have to write all the ID's from the DIV's into the script before. i got a page with a lot auf these panels and i dont want to write every ID in the script. is there any posibility to have only one scipt and when i click one panel it regognize on which i clicked? so i dont want to have the ID's in the script.
this is the script:
$(function()
{
$("#mostrar").click(function(event) {
event.preventDefault();
[Code]....
i have it to where one of my tabs opens an external link within the panel. However, it lags a little bit. I use css sprites inside the panels and it literally takes a second for it to load when you hover your mouse over it. Also, when you use it in IE, it keeps a cookie, so when you click on another tab and come back to it, it shows the last panel you were on.
So, is there a way just to open another panel inside another panel?
Here is my demo page: [URL]
Click on "Partners" tab on the bottom and click on "McKesson"
I would like to use JQUERY API in one of my assigned project. I am looking for open source API only, please suggest me if I can go for JQUERY or not..?
View 2 Replies View Relatedi am facing problem with JQuery Scrollable menu, i am trying to placing 2 scrollable panels on a single asp.net page. When there is one panel every thing works fine but when i copy and paste the code so my web page contains two panels vertically, the thing doesn't work, the tow panels just hanged!!
[Code]...
I need to implement a next to last selector for our project. I came up with the following code:
jQuery.expr[':'].next_to_last = function(obj, index, m){
var $this = jQuery(obj);
return $this.find(m[3]).last().prev();
};
Is there any problem with this implementation?
Very new using jQuery. Anyway, I have the following few lines which create a component on a web page.[code]...
Upon some analysis, I can see that the css does contain the styles used by my div. So now, I would like to change the colors of the component, but I am not sure what is the best practice. Can one override in the div tag the colors, or should one duplicate the .css and change it?
Seeking the best way to perform this that other in the group use.
I have a site [URL] in which i display project thumbnails on the right, by clicking it, i want that project id to open it's project photos on the left without reloading/refreshing the page. (the data/photos comes from the database using php & mysql)I tried doing that with ajax's XMLHttpRequest, but i can't execute javascript through responseText.
View 1 Replies View RelatedOK, so jquery code works fine on a sample test html page. However, when I try to execute the exact same code in my asp.net project, it does not work. I have included the scripts and the paths are correct so it has nothing to do with that.
$(function(){ $('ul.jd_menu').jdMenu({ onShow: loadMenu //onHideCheck: onHideCheckMenu, //onHide: onHideMenu, //onClick: onClickMenu, //onAnimate: onAnimate }); $('ul.jd_menu_vertical').jdMenu({onShow: loadMenu, onHide: unloadMenu, offset: -1, onAnimate: onAnimate}); });
That is the section of code it gives me an error on, it says " Object doesn't support this property or method"
Also, even before I run the project, I have a warning in my error list box that says: Error updating JScript Intellisense (C:~~~blah blah jquery-1.4.2.min.js
I am using the following code to rotate my banner 3 times. I am trying to get it to order. Ive set it up so that you can choose yes/no drop down as to whether you wnat a panel to show and I have also set it up with a drop down so you can specify 1,2,3. I want to be able to randomly change the order to say 2, 1, 3 it dosent seem to work with what I have below.
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
$(".ui-tabs-panel > a").hover(
function() {
$("#featured").tabs("rotate",0,true);
[Code]...
I have 3 Panels in HTML page, using javascript; I want to display only one panel at one time, for example:
I have 3 panels ids are as: pnl-1, pnl-2, pnl-3
And 3 buttons: "Show Panel 1", "Show Panel 2", "Show Panel 3"
I want the following functinality from all buttons:
Button 1 should hide panel-2 and panel-3, and view only panel 1
Button 2 should hide panel-1 and panel-3, and view only panel 2
Button 3 should hide panel-1 and panel-2, and view only panel 3
Please guide me whether it is possible or not.
I am using the following code to rotate my banner 3 times.
I am trying to get it to order. Ive set it up so that you can choose yes/no drop down as to whether you wnat a panel to show and I have also set it up with a drop down so you can specify 1,2,3. I want to be able to randomly change the order to say 2, 1, 3 it dosent seem to work with what I have below.
Code:
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
[Code].....
I am now trying to adapt this script to a section of my site where a user is able to answer questions with checking a yes or no radio button If the user checks a yes radio button then this toggles a slide animation which makes visible some content (another question and after that one a set of answers). Anyway, I am able to get this working for one question only.
Would you like a course of study involving works of art or antiques?and user selects yes radio button and the hidden div content is shown. However if you click yes again its hides (which i do not want) and if you click no it doesnt do anything when i want it to hide the content while the yes radio button makes it visible.So, was wondering if someone could take a look at my code and see if you can make any sense of why its not working as i hope it to (my javascript knowledge is incredibly limited and am learning at the moment).
Below is the html part:
<script type="text/javascript" src="jquery/SOTC-Inline_Sliding_Panels.js"></script>
<body>
<div>
[code]....
The tabbed menus work, but not in MS IE and I don't know why.
The tabs appear, but the content of the tabs just sits all in one panel.
Clicking the second tab does not activate the second content panel.
This page works in FF but not in IE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
[Code]....
bit of script that will work like the 4 panels at the bottom of this page: Jaguar UK - Jaguar
View 2 Replies View RelatedI have created this Spry Tabbed Panels, this is just an example to help explain what I'm trying to do.Is it possible, or is there a way to make the Spry Tab Panels open from one Tab to the other on page load, like automatically.Lets say the Tab open from 1, 2, 3, 4 and then to 4,3,2,1.URL...
View 2 Replies View RelatedMy assignment for my programming class is to create a script using JavaScript that asks a user to enter a number in a pop up dialog box on their browser, and then tell them if they entered an odd or an even number. This is what I have come up with so far, whenever I test it on a browser it says that every number is even.
[Code]...
Here is a small test for all those hardcore JavaScript programmers. Is it possible to drag'n'drop a text/image element (eg. A or IMG tag) from one (I)FRAME to another (I)FRAME. This is easy & possible with IE's proprietary ondrag events. However the question is, is there a work-around using standard W3C/Firefox onmousedown, onmouseup, etc. events only? Code:
View 2 Replies View RelatedI am creating a particle system for WebGL and have created a class to generate individual particles. Since I wanted to control the rate at which these particles were generated, i put a setTimeout function to recall the method at a given rate. However, the setTimeout never fires and loops. I was wondering if anyone could help me. BTW the javascript has been designed to mimic OOP, so its kinda of a weird setup [code]...
View 4 Replies View RelatedThere are two text boxes in a HTML form.The first text box takes the time when the user starts to work on a project. The second box takes the time when the user stops working on that project.Now, I would like to calculate the total time worked on that project for that user. That is (stop time - start time). I tried few things without success.
View 4 Replies View RelatedI would like to explore a project using javascript . The project is kind of similar to the 3D Room feature on mydeco [URL] and click on 'Design a 3D room' (about a third of the way down the page). The application allows the user to position 3D items in a 3D room as well as viewing that 3D room from two additional angles. I would like to create something similar but for a different use.
Basically it would have similar features as the 3D room but with the following differences:
- There would be no 3D elements/images. All would be 2D.
- The 3D room builder has a panel on the right which allows users to navigate to images via categories. My app would still have the right hand panel, but the images would be 2D
- The rest of the window would just have a single main 2D image in it.
- The user would drop/position 2D images from the right hand panel, on to the main 2D image.
- There would be no need for additional views or for any rendering of images.
- It would have the other functionality at the top of the window such as save, share, undo, redo etc. An additional function would be needed to allow the user to adjust images to be 'above' or 'below' other images.
Also, is there any reason this app opens in a new window instead of running on the website itself?
1. the 1st popup should open automatically and open a URL 1
2. then after 30sec the popup should close
3. then 2nd pop up window should appear and open URL2
4. then after 30sec the popup should close and so on
can any body help me with this please. I really need it.Or it can be like this also,The 1st popup should open automatically and open a URL1 then, after 30sec it should open URL2 and after 30 sec open URL3 and so on in the same popup.
I'm creating a javascript class that draws triangles for a project I'm working on (none of the other vector solutions for triangles were satisfactory so I'm writing my own).
Anyway here is a small snippet of code:
Code:
The idea of the code is to create a small div in the middle of the triangle that a user can click on, pretty basic stuff.
Problem with highlighted code is, on their own they work, together they dont.
IE, if I only set the LEFT of the div, it moves across the screen to required position.
If I only set the TOP of the div, it moves down the screen to the required position.
But BOTH together (as above) just make the div dissapear somewhere. Weird.