I'd like to be able to select which drop targets are "live" according to the object being dragged. I tried changing the connectWith in the drag start bit it didn't work. It doesn't much matter how the live/not live is achieved -- making it 'not a drop target', greying it out, etc. I'd prefer not to have to hide the non-live targets, although that does work of course.
View 1 RepliesI am trying to make a front page that is a dashboard much like the BBC website. I am constructing the widgets using block elements and the contents vary from widget to widget. I can get the items to drag, drop and toggle slide using JQuery UI, however I want the user to be able to customize their placement and remember them in a cookie for the next visit.
The closest thing I have seen and tried is using sortables but that can only be achieved with list items and in turn invalidates my code when trying to put a div or table elements there. Is there a work around for this? I've tried looking at the code of the BBC site and it appears that the widgets get rendered after the the page is loaded (as it does validate as XHTML Strict).
I have a problem with UI sortables. connectWith option is not working in my system. I have copied portlets example from [URL] and used my jQuery UI scripts(1.6rc4). Them also I am not able to drag portlets in one column to another. I am using jQuery 1.2.6.
View 12 Replies View RelatedI have two pages that are both calling the same include file- essentially a form. They are identical. The problem is one is located in a pop up and one is on a full page. My Project Manager wants the pop up one to open in the same window- and the full one to open in a new window. As it does now.
The problem? She wants the logic to be pulled from the same page. Any clues whatsoever?
I have a drop-down menu within a frame that is spawed with a href="#" on a button. I have it set up so when you click the button that spawns a page in the content frame.
Problem is that 1 of the buttons needs to open a new window. I can't use a target=_top or whatever 'cuz that would just load the navigation again.
I tried this but it just loads it in the same window:
... onmouseup="top.location.href='url.com' ...
I've never worked with Ajax before but I've been reading up on it and done some basic tutorials and am comfortable with the concept of asynchronous communication and how everything works from a technical communication perspective. That being said I have no idea where to start on this project which seems like it should be fairly simple. 1. the browser will have a "working area" which is a rectangle of some decent size, there will be a toolbar of objects on the left hand side. This work area should be shown as a grid that the objects will be placed into.The size of this grid (basically the gridlines) will need to be generated automatically based on user input (also the size of the components/objects that will be dragged in and the size of the rectangle) if it is too large (say 500) i'd like a way to pan around and zoom in as well... 2. For simplicity say there are 2 components: Available, unavailable and an erase feature. 3. each object when dragged to the working area should create an object that has some properties (handled programatically from input elsewhere on a simple form) I will be placing these in a database server side. 4. I'd like to be able to drag across the grid to continuously add the selected object and I'd like to be able to click a button on the edge of the grid to fill in the entire row with the objects. From everything I've read on this it seems like this should be somewhat easy but again I don't know what framework to use to start. I'll be putting this in a drupal site and integrating it with a few modules if that makes a difference (i think that part of the programming will be separate from whatever specific implementation I use to get this Ajax part up though)
View 1 Replies View RelatedI want to populate drop down box values on the basis of other drop down box value dynamically(without refreshing the page) using java script.
View 3 Replies View RelatedHow can i set the width of a drop down list dynamically ie. to the length of the selected option.
View 1 Replies View RelatedDynamically loading Drop down list ( List/Menu ) Using Ajax
View 1 Replies View RelatedThe below script is working fine on IE but notin Mozilla
<script type="text/javascript">
window.onload=function() {
if (document.getElementById) {
document.getElementById("country").onchange=function() { switchme(this); }
}
}
[Code]...
I'm new to this forum and also to Javascript. I've modified some script to add a browse button when "Add More" has been clicked.I was hoping someone may know how I can duplicate the entire row so that the two drop-down lists are also duplicated, in addition to the browse button
View 2 Replies View RelatedI've got a database written in MySQL with a bunch of PHP interfacing with it. What I want to do is populate drop down menus on a form from this database.
The way I went around solving my problem is as follows.
Code:
Which calls the function from the search.js file, which performs the following operation:
Code:
With element2 being the appropriate preemtied dropdown box, and addOption defined as follows:
Code:
So far so good. This works and produces the correct list of elements in the first dropdown box if the first dropdown box is the target. Here is where things begin to go wrong: On this form I have an add more elements button which is defined as follows:
Code:
And addElement being defined as such:
Code:
While this does successfully create all the cells I want it to create, when I attempt to select Country from the resulting dropdown, I get an empty drop down wit only the "Search For" present in it.
Firebug then proceeds to flag array in selectorfunc above:
Code:
What i believe is going on is that for SOME reason the newly created drop downs aren't being passed js_countries correctly. Unfortunately I don't know how to fix it.
I'm using PHP / MySQL / javascript (very new to javascript)I'm looking to set the value of a textfield based on the name (NOT value) of a drop-down. The drop-down is created dynamically from a recordset (see code below):
<select name="mainStory" id="mainStory">
<?php
do {
?>[code].....
I created two drop downs, where the second one dynamically updates according to first selection. Now I jus have 2 members in first drop down and 20 in second drop down. I hard coded using javascript. But by the end of this year the number increases to 100's, then we cannot hard code it. I use html,javascript,jsp for the webpage. Is there a way to populate the dropdowns with data in a text file where they can update the text file with new members.
View 5 Replies View RelatedI am asking jQuery to tell me which drop down option is selected in a drop down list - like this:
I would like to check if this was successful before I proceed. What are the possible return values for this statement?
If no id exists.
If no option is selected.
If some other problem occurred.
In these cases am I expecting a null return; an undefined return, a false return value?
And, based upon the complete set of return possibilities, what would be the best and most comprehensive tests I could apply to cover every base.
i'm having with a superfish menu i have tried to add to my wordpress site.The menu seems to work fine for the base-level (top parent pages) menu items.But the drop down menus seem to flash on screen for just a second and then disappear when the mouse hovers over the menu items.To see an example, please check out the top menu on this temporary development page: http:[url].....I have tried adjusting the z-index in superfish.css file but it doesn't seem to be having any effect.
View 1 Replies View RelatedI am implementing auto re-order drop down values in asp.net. My requirement is something: I have five drop down and each has populated using 1 to 5 values. when I changevalue from dropdown, other drop down values(numberordering)should change automatically.
View 1 Replies View RelatedI am using the Collapsible Checkbox Tree jquery Plugin.For that I have inserted this linein the javascrypt code:
When I make a list in the HTML code using the <ul id="example"> works perfectly.
But when I tried to make the list dynamically calling a JSON file, does not works fine.
If I insert theready(fn) mentioned above inside the javascrypt function that create dynamically the element<ul >as is shown next:
Improves a little bit, but still does not work fine. Specifically does not show the plus and minus sign, then I can not open or collapse it.
I tried also with thecheckboxtree pluginand I encountered the same problem.
I created a drop down menu for my search bar on my website using JQuery / hover intent..The drop down is activated by the user hovering over a button, and inside there are twocombo boxesand acheck box.If the user tries to choose an option in the combo box, thedrop downdisappears..Chrome, Safari, Opera and FireFox are working fine, but IE7 + 8 have this problemI have uploaded an image of the drop down with the combo box, it is a print screen of itworkingin Chrome--> The second image is where the bug happens in IE
View 2 Replies View RelatedI have been searching for a long time but have been unsuccessful on how to develop a drop down menu but have the menu items show in a list above the main nav. Not below. I really like the way this functions:[URL].. But I would like the item in the list to appear above the main nav so it animates up not down. Can anyone help me on how to alter this js code to perform this task?
Here is the jQuery file link:[URl].. I tried going through this js file but it very complex. Can anyone tell me what I need to change to have the animation roll up instead of down?
how can a menu like the image attached
1 - drop up instead of drop down
2 - all with same and fixed height
3 - possible mult levels
Attachments
menu.jpg
Size : 29.72 KB
Download : 165
I currently have a Drop-Down menu, which has headers you click on to show the links. This menu only allows one drop to be expanded at a time, and can be viewed here [url].
I would like the headers to be able to have 'sub-headers' inside, which also drop-down,to reveal the links. I want them to have a different header colour, and to have the same rule where only one can be open at a time. while keeping the rule with the main headers.
I've got 2 drop down select lists. The first one would have something like
-Category 1
-Category 2
-Category 3
Then what I'd like to happen is when you select one of those categories the next drop-down below it loads something like
--Sub Category 1
--Sub Category 2
--Sub Category 3
Any idea how I'd pull that off?
At this point I have been able to add the row. But what I want to do and am having trouble with is alternating the row colour to the dynamically added row element.
Sample of code I am using:
Code:
var tbody = document.getElementById('tableItems');
var row = document.createElement("tr");
var remainder = tbody.rows.length % 2;
if(remainder) {
row.setAttribute("class", "rowLightGreen");
}
var td1 = document.createElement("td");
td1.appendChild(document.createTextNode(qty));
td1.setAttribute("class","qty");
row.appendChild(td1);
tbody.appendChild(row);
One thing that puzzles me, is that even after adding a row the table my table.rows.length still = 0.
Does anyone know how I can determine the appropriate amount of rows so that I can apply the appropriate class?
Or is there just something blatantly wrong in my approach?
Im sure this is a very silly problem, but im trying to create a li and then set its class in jquery but it doesn't seam to be working
Code:
var listid = field + "_errormessage";
if (errorMessage != "")
[code]....
So, what it does: You can successfully drag something anywhere, but when you click it again, it resets to its original position (I don't know why), and when you try to drag it again, as soon as your cursor touches the object it disappears (I don't know why). why it is happening and how to fix it!
// JavaScript Document
var posX;
var posY;
var element;
[Code]....
the html is a simple (position is set to relative):
<p id="square" onmousedown="drag(event)">meep</p>
EDIT: This is the first time I've written javascript code and would like to learn the basics, which is why I am not using a library.