HTML - Pop Up Window Question/ Challenge
My High School FBLA chapter is participating in a web design competition. The task was to create an online store that would sell T-shirts. We are currently using "Mal's E-commerce" shopping cart tool.
So, this is my problem. I have this form: <FORM METHOD="POST" ACTION="http://ww11.aitsafe.com/cf/add.cfm" target="_self" > <INPUT TYPE="HIDDEN" NAME="userid" VALUE="D745330" /> <SELECT NAME="product"> <OPTION VALUE="Red shirt w/ logo" />Red <OPTION VALUE="Green shirt w/ logo" />Green <OPTION VALUE="Blue shirt w/ logo" />Blue </SELECT> <INPUT TYPE="HIDDEN" NAME="price" VALUE="19.95" /> <input type="submit" name="post" class="submit" value="Submit" /> </FORM> This form will submit information to mal's e-commerce, which will then generate a shopping cart preview page. (If you are confused, just put this coding into a new webpage and preview it.) All of this works fine, but instead of opening this 'shopping cart preview page' in the active window, I would like for it to open in a pop up window, with a controlled height and width, etc. I am not a form expert, but this problem has really got me.. I have tried google searching, but I have yet to find any useful suggestions. Is it even possible? I challenge all web designers to find a solution to this problem. I appreciate everyones help in advance. Similar TutorialsHi - I am fairly new to coding but really enjoying it I am trying to create a background image effect as seen he http://www.prada.com/ and http://news.jam-factory.com/ - The background image fits to the window, without distorting the image, and bits are hidden when needed Here is my attempt: http://www.piersart.co.uk/random - but when the window is tall and thin, a black strip appears at the bottom. What am I doing wrong? I don't quite understand how to use overflow, if that is something I should be using. Do I have to use Javascript (to get window dimensions, or resize the image)? If so, how? Many thanks in advance I'm trying to post something on a site that is blocking almost all HTML tags. As far as I know, the only tags that aren't being blocked are P, BR, A, IMG, U, B and a few other basic ones. I'm trying to post an image tag, but the image is generated from a PHP script. The site will not let me use the IMG tag with .PHP at the end of the image name. The SRC also has to end in .GIF or .JPG and cannot contain the ? anywhere in the URL, which means I can't use http://www.mydomain.com/script.php?a=image.gif I can't use SPAN or DIV or anything to do with tables or forms. I can use the P tag, but I can't use the STYLE attribute so I can't assign a background image using style sheets. So my question is, does anyone else know any way using HTML that I can include a background image or any other way to modify the URL of the IMG SRC so it doesn't use the question mark? Or is there any other way besides the STYLE attribute or the SCRIPT tag to include style sheets? Hey everyone, I designed a site for a client of mine. He developed a weather radar program and he wants to sell the idea to various news organizations. The site that I'm designing is for WCBS 880 radio. Here is the test page - http://zoomradar.com/wcbs880 Anywho, this is the problem I'm having. I have two iframes on the page. One for the actual map and one for the weather forecast which we are using from the national weather service site (don't worry, we are allowed too). Here is the problem.... The forecast iframe is causing a bend/distortion in the radar map iframe about 3/4 of the way down. My client says you can't miss it and he has sent me pictures too because I can't see it myself. He says that he sees it on windows computers using the latest firefox. I'm wondering if any of you can verify this and maybe guide me towards a solution because I can't seem to figure one out. He says that the bend is in the shape of the iframe almost like it is hovering over the radar map but not really creating a mirror image??? Not sure if this makes sense to any of you. Hopefully you see what he's seeing. Any help would be greatly appreciated because I'm getting to the bottom of the barrel here. Thank you very much in advance - Dan i am trying to change the layout of my ecwid stores product description currently it looks like this i want to move the description from its current position to above the sku # on the right. like this i have been able to show the change in the chrome developer tool but i can not figure out how to implement it so that the rule works correctly for every product page. the site is www.thriftybynature.weebly.com if you would like to take a look at the site live with the developer tool. im really hoping someone can help me with this i have been trying to implement this change for days with no success. ps. im using ecwids product browser within weeblys site. Hi...I'm a novice and trying to develop my website...having a challenge. Here's the issue, and hope that someone more advanced in this might have an idea for me: I've got an affiliate program, and want to give my affiliates some html code to add to their current website that will allow their customers to put their name and email into it which will opt them in to a newsletter that I've got. When they hit "submit" I not only want it to submit their info to my database (which I'm using through 1shoppingcart.com) I want it to open a webpage with the affiliate link to the sales page that I've got. Currently I've got the HTML for them to just sign up for a newsletter, but don't know how to adapt it to open a new window for the affiliates link at the same time. If you've got ANY ideas or want more info on what I'm working with, either post it, or you can contact me offline at jasonsimpson cox net or im me on aim at siweb63 or yahoo at givemeyourhome Thanks a ton!! Jason Hi Everyone, I am at a loss to explain why some of my form submission markup works fine, yet slightly modified markup does not! The markup that works ok with my website is as follows: Code: <td valign="top" background="../images/nav/left_nav_top.gif" height="800" width="131"><img src="../images/nav/invisible_pixel.gif" width="131" height="1" border="0"> <img src="../images/home/left%20nave_graphic.gif" width="131" height="173"> <form name="searchform" action="store_searchresults.asp?strCategory=&strSubCategory=&strThirdCategory" method="post" onSubmit="MM_validateForm('strKeyword','','R');return document.MM_returnValue"> <IMG SRC="../images/nav/left_nav_search.gif" WIDTH=127 HEIGHT=12 ALT="" BORDER=0> <INPUT TYPE="HIDDEN" NAME="strAction" value="search"> <input style="background-color: #FFFFFF;" type="text" name="strKeyword" size="11"> <input type="image" border="0" name="imageField" src="../images/nav/top_search_gob.gif" width="24" height="22"></form></td> However the following markup on the same page does not work consistenty between different browser version. It works fine in IE but it does not work in Firefox. Firefox presents the message "Please enter a keyword" and refuses to submit the form. Code: <form name="searchform" action="store_searchresults.asp?strCategory=&strSubCategory=&strThirdCategory" method="post" onSubmit="MM_validateForm('strKeyword','','R');return document.MM_returnValue"> <input type="hidden" name="strAction" value="search"> <input type="hidden" name="strKeyword" value="LV4"> <input type="image" border="0" name="imageField" src="../images/marquee/LV4403B4.jpg" width="113" height="98"> </form> It is as though Firefox cannot see the "strKeyword" attribute. However IE has not problem with it. Any help with this will be greatly appreciated, as I am at a loss... Thanks for your time Regards David Hi all, I am wondering if anyone know how to have a link, once clicked, open a popup window WHILE also changing the page in the existing window. I know how to code them separately, but I do not know how to combine the two actions. HTML Code: <A HREF="javascript:popUp('popup.html')">link name</A> My site currently uses the above code to open popup windows. Any help would be much appreciated, David Here is the case. I have an HTML page that opens a pop-up. Within the popup I need upon click to open a new window. The code is as it should be according to all references: <a href="some url" target="_blank">text</a> Everything is ok with IE6 and IE7 - a new window is being opened. What happens in Firefox is very strange - tabs are shown and the currently opened popup becomes one of the tabs and the new window opens in a new tab of the pop-up window instead in a new normal window. Did anybody encounter the same problem? Any solutions? Hi all, I have two html file (first.html and second.html) i called the first.html from batch Command file, then the batch file calls the second.html file. what i want is that while loading the second.html it will close the first.html using script. If its a parent then i can use top.close() or parent.close() but its not a parent window. Here no parent file. please help me to do this. Thanks Jay I have constructed an html window within a window thusly: <object type="text/html" data="x/FE-000-EN.html" style="width:460px; height:800px; margin-left:20px;" width="24" height="24"></object> on the same page outside of that window I would like to place buttons which change the content of the window within a window. I use a basic hyperlink button, to click this link below and change the content of the window above I...? <a href="001.htm">001</a><font color="#FFFFFF">: S.S.H.U.T.</font><br> Thanks for your assistance =) You may view the complete site here if needed: http://fragmentearth.netfirms.com/ Hi, I have a java script function like this to open one child window form main window. Its working properly. function billingMain() { top.consoleRef=window.open('#{facesContext.externa lContext.requestContextPath}/main/billing/billingMain.jsf','window1', 'width=950,height=400' +',menubar=0' +',toolbar=0' +',status=0' +',scrollbars=1' +',resizable=0' +',location=0') top.consoleRef.document.close() } But when my child window opened, i want to open another child window from previous child window. and here is the script follows for this, function UB92Main() { top.consoleRef=window.open('#{facesContext.externa lContext.requestContextPath}/main/billing/claimInformation.jsf','UB92', 'width=450,height=250' +',menubar=0' +',toolbar=0' +',status=0' +',scrollbars=1' +',resizable=0' +',location=0') top.consoleRef.document.close() } here the second child window is not opening. How to resolve this. Thanks, Vinutha. Hey! This is my first post here btw. I want to ask silly thing: I need to make a simple POP UP window as link from an image. Can any1 explain me this thing, using easy words, please don't give me links to other websites, I've been everywhere cheers, ne3ga hi there, does anyone know if you can open a new window in an already opened window? i need this to be done on my website, a script would be superb as i can't seem to find any online! many thanks Hey i need a bit of help, how do i have a thumbnail link to a new page and have it pop up smaller then the original window? There is this website and she shows her art in a thumbnail and then when you click on it, it gives a description of the images along with the image in a pop up window. Does anyone have the code to do this? here is a link to one of them: http://glowstickdog.com/images/portfolio/im_you.php How do you create a link for a new window to pop up, and have it be smaller then the original window? I have the window, i just need a link to make it pop up in a smaller size. Thanks Hello, and thank you for granting me access to such a wonderfull Forum. Well here goes .... I have a code snippet which happens to be an affiliate banner. Once inserted into the web site code it is effective however: when clicked from a viewers perspective it engages as a 'pop-up' opposed to a new window (which is what i need). I am not yet wise in the ways of html yet but have just chosen 'blank' in DW to set that on other objects. This does not give me that option though - Im sure its just a matter of inserting target="_blank" somewhere, but I cannot figure out where. Can someone please tell me how to fiddle with this code to make it open in a new window instead of a pop-up? : <div class="style33" id="idALTxCOMxxJOINxFORxFREExx" style="position:absolute; top:2095px; left:140px; width:728px; height:90px; z-index: 0;"> <object name="cm728doschicas" id="cm728doschicas" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="728" height="90"> <param name="allowscriptaccess" value="always" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="wmode" value="transparent" /> <param name="movie" value=http://banners.alt.com/banners/alt/27066/cm728doschicas.swf?go_url=http://alt.com/go/g1003239-ppc /><param name="quality" value="high" /> <embed name="15671_27066_175x131_01" src=http://banners.alt.com/banners/alt/27066/cm728doschicas.swf?go_url=http://alt.com/go/g1003239-ppc quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="728" height="90"></embed> </object> <script language="javascript"> document.cm728doschicas.SetVariable('go_url', 'http://alt.com/go/g1003239-ppc'); </script> </div> Thank you so much I know it is a bit easy but how can I determine the size of the window in this code <a href = "http://www.google.com" target = "_new"> Ok I was just informed that on our companies site that there is a new window that pops up when a link is clicked. This is supposed to happen but the one thing I am trying to figure out is that the new window is rather small and the customer has to always enlarge it. They are using IE. I have tested it with IE7 with the same results as reported but it has also been tested with FF and SeaMonkey and the new window is large. Is this an IE thing, perhaps a setting or do I actually have to add something to my CSS/HTML to account for this? Thank you for the help. Hello, I am a novice at HTML and need help with redirecting. How do you make a redirect using HTML so that it opens in the same window and not in a new window? I have a page I am making for a test logoff scrren and I need the page to redirect to another web site after a certain period or upon a click on a link. Every time I set it up, it pops open a new window. I know I must be missing something, but I cant figure out what. I am using transitional DTD, if that helps. Thank you for your time! |