|
HTML - How To Create A Popup Input Box\select
Hello
I want to make a popup input box like the prompt box but i want to costumize it- not just a line input for text but also a select option. how do i do this???? Thank you Similar TutorialsI have made a filter tool which has three drop downs, depending on the options selected in the three drop downs you are presented with different products. This works fine in FF and IE6 but s buggy in IE7. The first problem I encountered was with the dropdowns not being selectable. I resolved this by putting select{position:relative} in the css. The dropdowns can now be clicked but when I do so the options to not drop down and IE7 displays the popup blocked warning at the top of the page. HAs anyone experienced this before? Know how I can get around this? Thanks I have just started playing around with AJAX, and made a simple input text field that continuously suggests pages as the user types into the textfield. However, in most browsers, the browser also tries to do something similar, by displaying a list of similar queries for any input with the same name attribute... I end up with two lists of suggestions :-) Is there a way to prevent the browser suggestions from turning up? Robert I want to sell some stuff over the internet like cloths.... And I use Pagseguro (Its a brazilain thing, like paypal). So, I have this wordpress site, with pagseguro plugin installed on it. To add products on my posts I use the following code to get the Add to cart button. HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="[b]PRODUCTNAME[/b]" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
The thing is, the plugin is really simple. All it does is: show "add to cart" button and the "pay" button. And like I said, I want to sell cloths. To sell cloths there got to be the Sizes: "S""M""L" and color. And what I wanted to do is: Create a form like this: HTML Code: <form name="jump"> <p align="center"> <select name="menu"> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> </p> </form> (I found that on http://personal-computer-tutor.com/dropdownlist.htm) On the options there would be the sizes for my clients to choose. And on the "ADD TO CART CODE" (the first code on the top) on the "PRODUCTNAME" part would be a PHP or something that would gather the clients choice and add it there. So when he press the button the product he chose would show on the cart with the size in parentesis. Like this: HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="Alpinestars (<?php GET FORM VALUE ?>)" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
(for the button) and if he chooses small it be like this on the shopping cart: Alpinestars (Small) I know its really difficult to understand My english is really bad. But im really sad because I cant do this by any way. Could yall please help me with my problem? Thank You. Hello all, Iam trying to use for loop / while loop (javascript) to create multi HTML input forms, but I have no idea how to do. Please help me out. Thank you! Daralis Hi, I want to modify a form where I have some "select option" and input text tags. The thing is that when a user select an option from the "select opcion" tag, according to the option selected I want to print some input text in the form .. how can i do that?. Thks a lot! I'm creating a form framed in a table. I want to have 2 textboxes and 1 select box in one row of the table. The Last Name, First Name and Age. When I create the row the fields are fine, but there's spacing after each field that I need to decrease in size to allow everything to fit correctly. Here's the code I have right now Code: <table summary="form" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<input type="text" name="childlname" value="" size="20">
</td>
<td>
<input type="text" name="childfname" value="" size="20">
</td>
<td>
<select name="childage" align="right" width="5">
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</td>
</tr>
</tbody>
</table>
Thank you in advance for any help Mike With the html tag <input type="file"/> is it possible to specify the folder which opens to select files from. I would like the pictures folder to open instead of the system root folder. When you create a select form with a default size or a size of 1, the options (once you expand the form out by clicking it) that are moused over will be highlighted. I want that same effect on a select form with a size of 30. I imagine the solution lies in some javascript onmouseover function, but I couldn't find anything. Help? Hi, I have a select box with values 1, 2 and 3. When I select '1', I want right next to it 1 inputbox with id A. When I select '2', I want on the same place 2 inputboxes (with other IDs B and C), and so on ... I tried 1) Putting the 3 spans immediately after the select box and switch visibility between hidden and visible accordingly. Problem he all spans take some space. So if I select 2, it shows me correctly the 2 inputboxes B and C, but there is an empty space between the select box and the inputboxes since the first span is there (invisible). I want the boxes immediately next to the select box. 2) Putting 3 spans (span1, span2, span3, containing 1 box, resp. 2 boxes and so on) somewhere invisible. And then using 1 span next to the select box. On change of choice: document.getElementById("span").value = document.getElementById("span2").value; Problem he the boxes are not shown in span, just empty space. Who has a Good solution? Thanks alot I have some fields and a Select option, I want to add a new field if I select "Add" option, and remove field when I select "Remove" option, can I do it in very simple JavaScript? Ok so here is my issue, i am new to web site design and i have a simple project i would like to work on. I am looking to have an entry box with a simple submit button, then i would like the submissions to be displayed below in the order they are submitted. I would also like to limit the number of submissions that show on the page at a given time by creating multiple pages that can be viewed. This seems like a very simple issue but im having trouble finding solutions on the web. Would inserting a java app or some other secondary tool be better? Any help is appreciated -Matt Hi What is wrong with this, it can't post text only post checkbox <html> <head> </head> <body> <FORM action="http://localhost:8182/items" method="post"> <P> <LABEL for="firstname">First name: </LABEL> <input type="text" value = "Hamada" id="firstname"><BR> <LABEL for="lastname">Last name: </LABEL> <input type="text" value = "I hate my life" id="lastname"><BR> <LABEL for="email">email: </LABEL> <input type="text" id="email" value = "I hate you"><BR> <INPUT type="radio" name="sex" value="Male"> Male<BR> <INPUT type="radio" name="sex" value="Female"> Female<BR> <input type="submit" value="Submit"> <INPUT type="reset"> </P> </FORM> </body> </html> Thanks Dear All, I find that I can do that in firefox, ie 9, but not ie 8 and ie 7. anyone knows the answer. HTML Code: <select id="resourceTypeTree" name="resourceTypeTree">
<script type="text/javascript">obj158= new Object;obj158.sid = 158;obj158.seq = 1;obj158.lv = 1;obj158.lvText = "首頁";obj158.upLvSid = 1;obj158.isShown = 1;obj158.isNetvigated = 1;obj158.url = "/cle/landingPage.php";obj158.remarks = "";obj158.lastUpdate = "2011-04-18 16:15:50";obj158.uiNextSeq = 0;obj158.nextSid = 160;</script>
<option value="158" onclick=selectClick('tree',obj158); >→首頁</option>
<script type="text/javascript">obj3= new Object;obj3.sid = 3;obj3.seq = 2;obj3.lv = 1;obj3.lvText = "語文學習基礎知識";obj3.upLvSid = 1;obj3.isShown = 1;obj3.isNetvigated = 0;obj3.url = "/cle/pages/webSiteReferenceList.php?sid=3&upLvSid=1";obj3.remarks = "";obj3.lastUpdate = "2011-04-18 16:28:05";obj3.uiNextSeq = 7;obj3.nextSid = 160;</script>
<option value="3" onclick=selectClick('tree',obj3); >→語文學習基礎知識</option>
<script type="text/javascript">obj10= new Object;obj10.sid = 10;obj10.seq = 1;obj10.lv = 2;obj10.lvText = "漢字形音義";obj10.upLvSid = 3;obj10.isShown = 1;obj10.isNetvigated = 0;obj10.url = "/cle/pages/webSiteReferenceList.php?sid=10&upLvSid=3";obj10.remarks = "";obj10.lastUpdate = "2011-03-16 13:46:44";obj10.uiNextSeq = 10;obj10.nextSid = 160;</script>
<option value="10" onclick=selectClick('tree',obj10); >→→漢字形音義</option>
<script type="text/javascript">obj38= new Object;obj38.sid = 38;obj38.seq = 1;obj38.lv = 3;obj38.lvText = "漢字的演變";obj38.upLvSid = 10;obj38.isShown = 1;obj38.isNetvigated = 1;obj38.url = "/cle/pages/webSiteReferenceList.php?sid=38&upLvSid=10";obj38.remarks = "";obj38.lastUpdate = "2011-03-16 14:25:54";obj38.uiNextSeq = 0;obj38.nextSid = 160;</script>
<option value="38" onclick=selectClick('tree',obj38); >→→→漢字的演變</option>
<script type="text/javascript">obj39= new Object;obj39.sid = 39;obj39.seq = 2;obj39.lv = 3;obj39.lvText = "字形的正體、俗體、異體";obj39.upLvSid = 10;obj39.isShown = 1;obj39.isNetvigated = 1;obj39.url = "/cle/pages/webSiteReferenceList.php?sid=39&upLvSid=10";obj39.remarks = "";obj39.lastUpdate = "2011-03-16 14:25:54";obj39.uiNextSeq = 0;obj39.nextSid = 160;</script>
<option value="39" onclick=selectClick('tree',obj39); >→→→字形的正體、俗體、異體</option>
</select>
Regards, Man Pak Hong, Dave manpakhong@hotmail.com Hi, sorry for my english. I'm searching a script to make a particulary popup. In this link there is an example, is flash popup with spot Microsoft. LINK EXAMPLE POPUP I use this code but I search the code for flash popup not for img popup Code: <script>
Crea();
function Crea(){
var div = document.createElement('DIV');
div.id='Banner';
div.style.position ='absolute';
div.style.top = "250px"; // Distanza dall'alto
div.style.left = "200px"; // distanza da sinistra
div.onclick = Chiudi;
div.innerHTML='<img src=popup.jpg>'; // Percorso immagine
document.body.insertBefore(div, document.body.firstChild);
}
function Chiudi(){
var div=document.getElementById('Banner');
div.style.display='none';
}
</script>
Thanks We have an web application that currently uses standard javascript popups. If we change them to open in a new tab instead of popups, will popup blockers still treat the opening into a new tab as a popup? Thanks, s-one Hi it is possible to have a pop up appear when the mouse is passed over an image/link Also is this code complecated code because im only a novice. thanx. Hi guys, I am looking to do something specific. I really have no idea on how to do it. I have seen something on a site and I said to myself: "Ohh my gosh, I want this on my site!" It is like a html page that goes over another html page (such as a popup but for the whole page). I assume that the background is a png transparent image but huhhh.. How can I do such things? I want this popup to act as a "Error message displayer" kinda. Let's say a user try to login and enter an inccorect password. I want this popup to show up. Thanks, PS: Sorry if I am not clear but I think you get it with the picture. Thanks guys, Hey, I wanna know how to change a URL in a Popup and what I need to do. say I have a website domain name "mrcrans.com" and I made a popup it would show "mrcrans.com" is there a way I can make it so it says another url? thanks uhh hi!.. i'm very new here and i'm relly hoping that you guys will help me.. My popups work great on firefox.. but when i try it on explorer it won't work. i really need to fix it coz all my friends' browsers are explorer... site is freewebs.com/bamc05 it's on the members page... Thanks! Hi! I'm creating a website for my portfolio for all the videos that I have created during college. I have some hotspots on an image that I would like to use for the site, but I don't know how to create them as pop-ups (whenever I click on the hotspots the opened window just gets redirected to another page). I would like for these hotspots to open up a seperate window with my videos in them, and I'd also like the popup window to be a certain size. Can anyone let me know how to do this? Thanks. |
|||||||