|
HTML - Drag And Drop
im looking for a drag and drop code. for example:
i have a plain image thats green (grass) and have an area under it that has images (houses) , know i want so the images in the bottom so he would be making his town in the grass from houses then they will be able to save it or if not they can take a screenshot lol can someone tell me how to do this? -USprodigy Similar Tutorialswell im following this: http://www.walterzorn.com/dragdrop/dragdrop_e.htm i downloaded and unzipped wz_dragdrop.zip contains transparentpixel.gif and wz_dragdrop.js. I put them in my site aka: = i put: <script type="text/javascript" src="wz_dragdrop.js"></script> right after the <body> and: <script type="text/javascript"> <!-- SET_DHTML("name1", "name2", "anotherLayer", "lastImage"); //--> </script> right bfore </body> BUT i dont understand this: can someone help me? THNX hi can any one help me out in this how to make these drag n drop icon which i usually see on many sites n it look's nyc tooo for e.g i want to make one of mine too can anybody provide/help me wid source code of it thanks in advance Would it possible to use the iGoogle api to drag and drop boxes around ? Could you indicate me the link ? thanks I have a jpeg (1600 x 1600) and a "view port" on my html page that measures 400x400. Can I put the entire jpeg "behind: the viewport somehow and enable the user to drag it around so as to be able to see the whole thing (like on Google Maps)? If there is an example somewhere of how to do this, could you point me to it? Thanks, JAS The 'Drag AP Element' behavior allows one to click a floating div and move it around. There is also a setting that is supposed to bring the layer to the front when it is dragged and then it can be set to leave it on top or put it back (restore z-index) While this behavior works perfect in IE, it has a few quirks in Firefox. While the drag part works fine, Firefox will not bring the layer to the front - unless, as I just discovered, all the layers have the same z-index - which, in my current case, is a acceptable workaround. Drag AP still doesn't function at all in safari but thats a 'whole nother' thread I want a drop down with about 10 items. The 10th being "other", if people select "other" a text box appears and people can then write in what "other" means. Any suggestions on the best code for this? Here is the code I have so far: HTML Code: <form id="form1" name="form1" method="post" action="">
<label>How did you hear about us?
<select name="select">
<option selected="selected">Please Select</option>
<option>Search Engine</option>
<option>Friends & Family</option>
<option>Word of Mouth</option>
<option>Newsletter</option>
<option>TV</option>
<option>Newspaper</option>
<option>Magazine</option>
<option>Blog</option>
<option>Other</option>
</select>
</label>
</form>
I am trying to make a form that submits info to Paypal. This is a drop box form that selects one of two things. Depending on the item selected, I want paypal to charge a different amount. Here is code that I thought should work, but apparently I don't know the ins and outs of drop boxes. Could I get some help? <select name="type of service" id="type of service"> <option selected>Select One... <option> I will format the Pix myself <input type="hidden" name="item_name_1" value="format myself"> <input type="hidden" name="amount_1" value="1.00"> </option> <option> You can format the pix for me <input type="hidden" name="item_name_2" value="you format"> <input type="hidden" name="amount_2" value="3.00"> </option> </select> Thanks! Hi guys, When you first launch Livestream's websites (http://www.livestream.com/), a drop down slides down from the top of the window which you can then close. Is this some sort of dynamic HTML? Does anyone know where I can find a tutorial on this?? A I have two pages both have drop down. On the 1st page the user selects an option on the drop down, after the user choose an option it will go to the next page and I want the option showing on drop down on the 2nd page to be the option the user choose on the 1st page example: 1st page option:blue,orange,red so when I pick orange on the 2nd page the drop down will have initial value of orange I hope this is clear I have a drop down menu on my page, and I want to change the background color of the box from white to match the rest of the page, how do I do this. Thanks Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Welcome to my Home Page</title>
<script language="JavaScript" type="text/javascript">
////The source for this script came from http://allwebco-templates.com/support/S_menus_dropdown.htm////
///For the Game,I changed the back ground picture. I realize it's not JS///
<!--
function land(ref, target)
{
lowtarget=target.toLowerCase();
if (lowtarget=="_self") {window.location=loc;}
else {if (lowtarget=="_top") {top.location=loc;}
else {if (lowtarget=="_blank") {window.open(loc);}
else {if (lowtarget=="_parent") {parent.location=loc;}
else {parent.frames[target].location=loc;};
}}}
}
function jump(menu)
{
ref=menu.choice.options[menu.choice.selectedIndex].value;
splitc=ref.lastIndexOf("*");
target="";
if (splitc!=-1)
{loc=ref.substring(0,splitc);
target=ref.substring(splitc+1,1000);}
else {loc=ref; target="_self";};
if (ref != "") {land(loc,target);}
}
//-->
<!--
/// The JS below is for the date and time. and i got the sorce from http://www.re-es.org/ ///
var day_names = new Array(7)
day_names[0] = "Sunday"
day_names[1] = "Monday"
day_names[2] = "Tuesday"
day_names[3] = "Wednesday"
day_names[4] = "Thursday"
day_names[5] = "Friday"
day_names[6] = "Saturday"
var month_names = new Array(12)
month_names[0] = "January"
month_names[1] = "February"
month_names[2] = "March"
month_names[3] = "April"
month_names[4] = "May"
month_names[5] = "June"
month_names[6] = "July"
month_names[7] = "August"
month_names[8] = "September"
month_names[9] = "October"
month_names[10] = "November"
month_names[11] = "December"
date_now = new Date()
day_value = date_now.getDay()
date_text = day_names[day_value]
month_value = date_now.getMonth()
date_text += " " + month_names[month_value]
date_text += " " + date_now.getDate()
date_text += ", " + date_now.getFullYear()
minute_value = date_now.getMinutes()
if (minute_value < 10) {
minute_value = "0" + minute_value
}
hour_value = date_now.getHours()
if (hour_value == 0) {
greeting = "Good Morning "
time_text = " at " + (hour_value + 12) + ":" + minute_value + " AM"
}
else if (hour_value < 12) {
greeting = "Good Morning "
time_text = " at " + hour_value + ":" + minute_value + " AM"
}
else if (hour_value == 12) {
greeting = "Good Afternoon "
time_text = " at " + hour_value + ":" + minute_value + " PM"
}
else if (hour_value < 17) {
greeting = "Good Afternoon "
time_text = " at " + (hour_value - 12) + ":" + minute_value + " PM"
}
else {
greeting = "Good Evening"
time_text = " at " + (hour_value - 12) + ":" + minute_value + " PM"
}
document.write(greeting + " Today is " + date_text + time_text)
//-->
</script>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="container">
<p><img id="banner" src="images/banner.gif" alt="banner"></p><hr color="#FF0000"></p>
<ul id="nav">
<li><form action="#" method="post">
<select name="choice" size="1" onChange="jump(this.form)" class="dropdown">
<option value="index.html" selected>Home</option>
<option value="scripts_developed.html">Scripts Developed</option>
<option value="best_practices.html">Best practices for JavaScript coding</option>
<option value="ajax.html">AJAX</option>
<option value="JavaScript_frustrations.html">JavaScript frustrations & Javascript Game</option>
</select>
</form>
</li>
</ul>
<div id="content"></div>
</div>
<table width="1050" border="0" align="center">
<tr>
<td align="center"><p><img src="images/logo1.gif" width="300" height="300" hspace="30"><img src="images/logo3.gif" width="300" height="300"><img src="images/logo2.gif" width="300" height="300"></p>
<p><img src="images/logo4.gif" width="300" height="300" hspace="30"><img src="images/logo5.gif" width="300" height="300"><img src="images/logo6.gif" width="300" height="300"></p></td>
</tr>
</table>
<p> </p>
<p> </p>
</body>
</html>
Hi, i have a drop down box in a table with a bunch of project names, but some of them are pretty long. The drop down is taking up all the screen space. Is there a way to shorten the box, so you click on the drop down, look at the full names, and when you've selected one it shows only part of it, say the first 10 letters? Thanks! I'm trying to have links in a drop down menu on my site. but they keep getting hidden behind the images? http://www.jesdeis.com I'm using dreamweaver cs5. I've tried using the spry menus, and im currently just using css ul/li menus. I can't figure it out. Thanks in advance! Hi all, I can't for the life of me get the submenus to work. Here is my basic code and style sheet. How and where do I get a sub menu working on the navigation to display when you hover over it. I.E. hovering over 'News' displays sub menu of 'today', 'tomorrow'... Hey everyone, I want to create a menu that drops down from a button on my site. But I was hoping to be able to use button images, rather then just text for the menu. Is there any way to do this? I can make the menu like it shows in image one, I want to make it like it is in image two (I just used a graphic program to fake it) Greetings All - I've been here before and plan on being around a lot more as I've bitten off a little bit more than I can chew with overhauling my school district's website. Thanks for all the help you offer! I've got the page at http://joomla.ridgway.k12.co.us looking pretty good but for some reason the sub level navigation for About Us and Secondary disappear before I can get to a link. I believe this is a focus problem, but in my efforts I can't fix it. Can someone point me in the direction where I could fix this? Thanks for your time. I have a database setup however I have about 7 filters to give users easy access to. The filters i generate are in this format PHP Code: <form method='post' action='http://www.piggywig.co.uk/demo/property_list.php'> <input type='hidden' name='FilterAnd[]' value=''> <input type='hidden' name='FilterField[]' value='property_status'> <input type='hidden' name='FilterOperator[]' value='<=>'> <input type='hidden' name='FilterValue[]' value='Tenanted'> <input type='hidden' name='FilterAnd[]' value='or'> <input type='hidden' name='FilterField[]' value='property_status'> <input type='hidden' name='FilterOperator[]' value='<=>'> <input type='hidden' name='FilterValue[]' value='Available'> <input type='hidden' name='FilterAnd[]' value='or'> <input type='hidden' name='FilterField[]' value='property_status'> <input type='hidden' name='FilterOperator[]' value='<=>'> <input type='hidden' name='FilterValue[]' value='Notice Given'> <input type='hidden' name='FilterAnd[]' value='and'> <input type='hidden' name='FilterField[]' value='utils_pat_testing_expires'> <input type='hidden' name='FilterOperator[]' value='<='> <input type='hidden' name='FilterValue[]' value='08/03/2010'> </center><input type='submit' name='submit' value='Show Result'></center> </form> How would I get this and multiple other filters to show on my page just as a drop down , when selected a drop down it will run the filter. Thanks Dear HTML Experts, I need your help, I would love to have a dropdown menu. Which drop out of a image? Like when your mouse is at the image, the menu shows up vertically? Thanks Id like to do a drop down menu similar to there's... is there any simple way of doing this?! Ok... the code below works fine in everything but IE, this is a known deficiency in IE, and I need a workaround. The tricky part is... I'm generating the form with a php loop and so it needs to basically be a workaround that I can use easily in my script. Thanks in advance. <form action=""> <select name="test"> <option value="t2" disabled="disabled">Test1</option> <option value="t1">Test2</option> </select> </form> I am working on a contact form but I am having difficulty putting in a drop down menu to input text. Can someone give me a hand. http://coloradorestaurantlist.com/?a...aurants_Submit Thanks Jamie |
|||||||