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 RepliesI'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 Replies View RelatedI 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).
Can someone tell me why this snippet of code does not work in any version of IE yet works fine in Firefox and Chrome?
<?
require_once("db/db.class.php");
$db = new db_class;
$classId = intval($_GET['classId']);
$selSub = intval($_GET['selsubclassId']);
$d = $db->connect();
[Code]...
It should be creating a set of options for a the select statement with id "sub_class", which it does.However, it should also be setting the selected option to the value I pass as 'selsubclassId', which only seems to work in FF or Chrome. In IE, the selected item always defaults to the first option.It's pretty basic PHP and jQuery. Is IE that stupid? Do we have a workaround?
I am creating a dynamo form but <select and <option does not show.
How do I make sure that they are created on the fly?
jQuery("#dump_data_box").append('<select id="thisid" name="value_name[]">');
and later
jQuery("#dump_data_box").append('<option');
///
if (v==k2) jQuery("#dump_data_box").append(' selected ');
//
jQuery("#dump_data_box").append(' value="'+k2+'">'+k2+'</option>');
But they do not show in the <div>.
First post here - I am trying to hide options in a form select field if they are empty. The code below works...but even I know it must be a horrid way of doing it! Anyone care to tidy it up for me? I would learn much from the experience,
[Code]...
The code below works perfect in Firefox, not in IE8.
<script language="javascript" type="text/javascript">
HTML:
I've got a snippet of code I'm trying to write and I have worked out how to extract from an option the value and its id but can't seem to see how to match it to its select.
HTML Code:
var table = document.getElementById("x");
var option = table.getElementsByTagName("option");
for (var i = 0; i < option.length; i++) {
[code]....
If the user types "a" then the select box is populated with "Choose An Animal...", then the three three animals beginning with A. So far so good. But if the user selects say Albatross and then types the letter b then the option "Bear" is selected rather than "Choose An Animal". Although the code is sel.selectedIndex = 0; (not 1). How can I force the selected index to 0 when a choice has been made previously? Is this a bug - if so it is the same in IE and FF.
<html>
<head>
</head>
<body>
[code]...
I have been developing a code for changing currency on onclick
here is a demo code
<form id="setCurrency" action="{$request_uri}" method="post">
<select name="language" class="language">
<option value="">Select Currency</option>
[code]...
It works fine for firefox but not for all browser
Deselection of last selected option in multiple selectbox if more than 3 option is selected is not working in ie 7(in mozilla it is working fine).
View 14 Replies View RelatedI am searching a solution to change a ComboBox by popup I have found this script on the web. Is it also possible to select the newVendor just after adding? Is this script ok or are there better solutions?
<script type="text/javascript">
<!--
function message(value){
if(value=="newVendor"){// New Vendor is selected
var vendor = prompt("Vandor's Name","");
var elementSelect = document.getElementById('vendor');
try{
[Code]....
I'm using the following code to remove an option from a select control based on a selection in a different select control and the option text in the select option that is being removed. The code works as I want it to, but I would prefer to use the option value for identifying the option to remove instead of using the option text. I've tried several different ways to do this, but can not find the proper syntax.
[Code]...
I have a form that uses jeditable to edit-in-place several fields and select boxes. Everything is working great. Now I need to a way to add a new option to the select list. What I would like is the user select "Add New..." from the select list that would pop-up a dialog window where several fields are filled in. When the form is saved the select field is updated with the new ID and description. I use Facebox for pop-up windows to display notes when the user clicks on a topic. I know Facebox can be used to display a form. It would be ideal to use this ability when creating a new option for the select box.
View 1 Replies View RelatedI have an select option list, each option has a numerical id, value and text. Each option has an array of its own. So when I choose an option from this list, I want to insert the options array into another option list with an id, value and text. Whats the best way of doing this? How do I select an array based on the value or text of a select option? For for example, take a list of car makes. If I choose the make Audi, how do I select the array of Audi models and insert these models into another select option list. All makes and models have their own numerical id, value and text.
View 9 Replies View RelatedI wish to have options show or not show depending on the options selected previously. I think I would be right in saying this needs to be client side and think it must be javascript that is needed here. Either way what method should I use and what is the coding needed to do this.
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head><body>
<form action="" method="get"> .....
I am currently looking to create a JavaScript menu for a website I am working on. It currently expands and collapses on click. The code in question is pasted below:-
menu_status = new Array();
function showHide(theid){
if (document.getElementById) {
var switch_id = document.getElementById(theid);
[Code]....
As you can see, it basically shows and hides the menu (when clicked). I want it to open the menu when clicked and close when another menu is opened. I have looked and have not been able to find a solution into it. Ideally I donot want it to be a long piece of code as I do have a working menu but with many more lines of JavaScript than the one I have posted.
I'm iterating through each option of a select, and I need to selectively remove some options based on their value. Here's a sample option (I don't control the markup)
<OPTION selected value=7>Compliance</OPTION>
$("select[title='MyTitle'] > OPTION").filter(function(){
var v=$(this).attr['value'];
//other stuff
[Code].....
The following code below doesn't seem to give the expected result:
$('#aUsers option:selected').each(function() {
console.log('user: ' + $(this).val());
});
It will display the empty string. -- View this message in context: [URL] Sent from the jQuery General Discussion mailing list archive at [URL]
if I have a menu, how to get the position of the option after I select one of it?
for example, if I choose b, and the position should b 2.
I have a select element as below
<select id="sel">
<option id="a">A</option>
<option id="b">B</option>
<option id="c">C</option>
</select>
I want to hide option A in some case and then show option A in the other case, so the code snippet as below// in some case $("option#a").hide(); The hide function works right in Firefox , but it can't work in IE6. Are there any other solution that I can hide option and show it in later for IE6 browser?
I have the following script running on http://todo.fastlions.nl/project?id=23. the trouble I have is that despite trying and trying I can't get at the text content of the newly selected option. It keeps on putting the entire web page's html in the new_assignee variable.
[Code]...
Which should I pick? Wihch do you like? Which has advantages over the others?
Or is there another framework wihch you like?
I see the sticky thread but it doesn't say which is the best.
I've build a module in jQuery that converts a normal select box to a nice stylized list.When I click the anchor tag, it drops down the list with some JS. What I can't figure out is how to implement the keyboard. For example, if I wanted to drop down in the list, I could start typing.Could someone lead me in the right direction?I can't quite figure out what to google for.
View 2 Replies View RelatedI have2 select boxes with 2 options. If I change the first box I want to reset the second box.
I have tried on Change, setting thesecondselect box val but this does not work.
Here is my code.
If i change box 2 and then change box 1 it never resets box2 to 0...
how do I know count all option in select?
View 1 Replies View Related