HTML - Pop Up Window Trouble
On my website, I use javascript to allow pages to open up in new pop up windows, which have a fixed height and width. For example, this page: http://treehousetees.webng.com/0301.htm. On this page the following buttons will open a new window:
Contact View Shopping Cart Size Chart Add to Cart So I have four buttons all using the same javascript to open a window. Since all 4 buttons refer to the same javascript, all of the windows open with the same height and width. So my question is, how can I edit the height and width of each individual window? For example, I want the 'contact' window that pops up to be smaller. Sorry if my question is a bit confusing... But I would appreciate any and all help regarding this matter. Similar TutorialsHello all, I am so stuck , after spending all of last night reading and crawling across google to find coding for my problem, I am still so lost! Basically, I have a webpage which is going to have lots of small clickable images on it, and each image is going to be linked to bring up a pop up window that opens up full screen (without scroll bars, no searchbar, etc, just a window thats resizeable), which will have the image click on as a larger view. I know this is javascript coding, but each time I found solutions across the net, it was usually only for if the page had one image that was going to be made larger. If you click on this site, this shows what I'm after (and click on one of the little images).... any ideas??? 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. First, I'm no expert, but I can work my way around a bit of HTML If you're familiar with myspace pages, great! I'm working on a band profile, which is trickier than a user profile (at least, if you want it to look legit): http://www.myspace.com/489097511 It still needs a lot of work, but the reason I'm looking for help is the bottom of the page (user information, online now, last logged in, general info...etc) I'm curious as to how I can place a layer over it, on which I can post whatever I want I can't seem to get a div to cover that area, and if I do, it only ever appears under all the info I want to cover. Any help is much appreciated! Dear friends i have in big trouble. so i want yours help. i make one website. i put there many HTML codes. i put there .. not image click HTML code .. now when i configuration my main page the HTML codes not opend. but i do inside pages configurations. but i put ,,, not image click HTML code ,,, on main page so i want give me HTML code i put on my site. they all HTML code stoped working or dead .when i delet ... not image click HTML code ... after i remove HTML stoped working code. i hope some 1 help me awatings yours Basically, I am making a website for someone but I am having a bit of DIV trouble. The part I am having trouble with is the content box. I have a content box that I need to be fixed (width) and it needs to stretch vertically when there is content on the page that will overfill the original page. There is then a div under this content which is a footer type image. This needs to move down when the content fills the above box.. I can't get this too work, all it does is strech horizontally, and when I stretch it vertically it just shows up blank... Any ideas? I am currently working on a website for my fraternity and am using geocities as a temp service to get my site correct before I get a .org name. For some reason Internet Explorer won't show anything, but when you use Mozilla it shows up just fine. I checked to see if it was just geocities that was messed up, but it did the same thing with cjb.net, so I'm stumped. I don't know what's wrong with my code, everything seems fine, there's no deprecated tags or anything of that nature. Here's a link to the website. Any help would be greatly appreciated. Hey guys, Sorry if this is a very easy case, but I'm only 14 and i'm quite new to HTML. Basically, I have set up a basic homepage for a website, and I want several links across the top of the site. I have successfully done that, however there is no space in between each link. How can I leave space between them? Cheers, Calum. okay so i made a upload form with submit button one problem..i want to make it so its only mp3.. i went to the other rooms but no one knew how! here's the code! Code: <font face="Verdana" color="ff0000"> Warning:</font><font face="Verdana" color="000000"> .mp3 files only!!!</font> <form action="http://yourdomain.com" method="post" encType="multipart/form-data" /> <input type="hidden" name="Max_File_Size" value="500" class="file" /> <input type="file" /> <br> <input type="submit" value="Upload"> </br> </form> and i want to change it so that you can only upload mp3's! Hi I'm trying to make a menu that has sub-menus within it. It will be a vertical menu and right now I'm still working it out so it's not as graphically pleasing as I intend it to be. But before I go any further in the menu I'm trying to figure out how to get the submenu to have links in it. I was just wondering if someone could lend their input on how to get the sub-menus to have links.Here's the Code(I included the style in the page)- Code: <html> <head><style> #menu { width:100px; text-align:center; position:absolute; left: 50px; margin:2em auto; z-index:99999; border-right:10px #000000; } .box { position:relative; z-index: 99999; border-right:10px #000000; } #menu a, #menu a:visited { text-decoration:none; background-color:#fff; color:#c00; display:block; width:140px; height:21px; font-size:14px; border:1px solid #fff; border-right:10px #000000; padding:5px; } * html #menu a, * html #menu a:visited { width:150px; height:35px; w\idth:88px; he\ight:16px; border-right:10px #000000; } #menu a span { display:none; } #menu a:hover { border-right:10px #000000; } #menu a:hover span.left, #menu a:hover span.right { /*outside area of arrow*/ display:block; position:absolute; height:0; width:0; overflow:hidden; border-top:8px solid #fff; border-bottom:8px solid #fff; } #menu a:hover span.left { /*arrow*/ left:5px; top:5px; border-left:8px solid #c00; } #menu a:hover span.right { left:150px; top:5px; border-right:8px solid #c00; } * html #menu a:hover span.left, * html #menu a:hover span.right { width:8px; height:16px; w\idth:0; he\ight:0; } #menu a:hover span.lk { /* extra infor spot*/ display:block; position:absolute; left:140px; top:0; padding:5px; width:150px; background-color:#fff; color:#000; border:1px solid #234; } </style></head><body> <div id="menu" style="z-index:9999999;"> <br><br><br><br><br> <div class="box"> <a href="#nogo">Item 1 <span class="left"></span> <span class="right"></span> <span class="lk"> Description of link 1 </span> </a> </div> <div class="box"> <a href="#nogo">Item 2 <span class="left"></span> <span class="right"></span> <span class="lk"> Description of link 2 </span> </a> </div> <div class="box"> <a href="#nogo">Item 3 <span class="left">dhsf</span> <span class="right">dshsdg</span> <span class="lk"> Description of link 3 </span> </a> </div> <div class="box"> <a href="#nogo">Item 4 <span class="left"></span> <span class="right"></span> <span class="lk"> Description of link 4 </span> </a> </div> <div class="box"> <a href="#nogo">Item 5 <span class="left"></span> <span class="right"></span> <span class="lk"> Description of link 5 </span> </a> </div> </div> </div></body><html> Thanks for your input. I am currently working on a site and I can't figure out this IFRAME for the life of me. The initial news page works (yes, it is named new.htm) I got the links to work with mouseover as I wanted, but if I click any of the links the page will load, but the frame for the site doesn't come along with the page. Like I said, the site works perfectly and looks like I want it to on the initial load. http://tunnu.hyperphp.com/social/home.php this is my site.. i am unable to find where to edit that default text Code: Welcome to the social network! This page is an example of what your social network's portal can look like. Various statistics about your social network can be displayed, as exemplified below. This gives users a convenient way to find the newest content and interesting people on your social network. You can also use this page to display news or any other content you place into the template. i am able to find the codes for those gif images.. but i dont find how to change this text.. this is a socialnetwork script.. plz help.. i am in real need of help.. THANKS IN ADVANCE TUNNU I and new to the forum - I am a bit disappointed in myself for not solving this myself However any assistance is appreciated I purchased a Template and tweaked the psd file to make a secondary page, I was able to delete some slices to trim the page down to what I want http://www.naturalstone.ca/index_do.html the large white space on the right I would like to remove the reference to the jpg image and insert bgcolor="#5F0401" into the <td rowspan="8> because I plan to add content that will scroll well down that page ------code ------- <td rowspan="8"> <img src="images2/index_do_03.jpg" width="549" height="680" alt=""></td> ----------- Every time I try to edit the <td rowspan="8"> it totally screws up the left menu and the page itself any ionfo appreciated - I am about to eat the keyboard over this ~ian It's a php script I made that queries my database and puts the data in RSS 2.0 format. The problem is, when I I try to view it, half the time I get this: http://www.htmlforums.com/attachment...1&d=1202333562 The other half I get it correctly: http://www.htmlforums.com/attachment...1&d=1202333599 Notice how the before part is exactly what you'd get if you took out all of the takes and linebreaks. The strangest part is that I've compared the source of each version and they are identical. This only happens in Firefox. I built my page using Firefox to view it and it looks how I want it but in IE (and possibly all other browsers?) it doesn't look right. My html and css validates (with W3C), so I guess I'm relying on a Firefox bug or something. Here's the page: individual.utoronto.ca/nicolemorgan One of the problems seems to be that in Firefox, on my web page, a certain table cell is defined by the width of the top cell in the same column and wraps its contents (which is text), whereas in IE the width definition isn't recognized and the text isn't wrapped. My temporary solution is to manually break the lines of text so that they fit within the cell dimensions, but this feels messy. (The column in question is where the tan-coloured blocks are on the left side of the page.) Other problems are that some of the cells don't line up, and there is a thin line between two certain cells in IE but not Firefox. Is there some basic principle I'm missing, or is my code just messy, or what? I am trying to create a website that scrolls the content in a div container when the user hovers over an up/down arrow (image). I had it working, then I wrote a js that auto detected the res and adjusted the style left: to the appropriate position so the page would be centered. text-align doesnt work because of my absolute positioning. Now that my script is in there and it auto aligns, it does not scroll no more. Any suggestions? Thanks in advance!! my site is http://dx-designz.com/beta/vintage_v1.htm thanks again!! |