|
HTML - Zoom Function In The Html
HI,
I want to design the website throw the html without use the javascript and use the zoom function in my site can i do this function without use the javascript. Either this is possible and you know html code about the zoom function then you reply this problem. Thank you for advance. Similar TutorialsHi all ! I have a quick question regarding a scoreboard app I am writing that displays 3 numbers on a large VGA screen. The question deals with best practice to build this page. I am using Visual Studio and but not any specific ASP.NET controls. The display consist of one table with 3 cells. one cell onto, 2 cells below the top one. Since I do not know the exact resolution of the VGA screen where my web page will display I have ventured to play with the zoom. However, using the zoom seems to offset the page downwards, meaning it does not zoom centered (or from the middle if you like). The more zoom I apply from the html the larger the page becomes, but it also moves down on the VGA screen. I am running the page in browser kiosk mode. It also seems to be very tricky to make the page position itself on the very top of the browser window. Using tables a problem, and if so, should I go with CSS ?? Thanks for input and thoughts on this.. Anders Hello, I have a web page that has an image set as the background. http://www.theillusionist.ca/about.html - I used nested tables. Yes, I know, bad thing, but anyways, when I zoom in / zoom out the site the site does not look good. So I thought I would <div> tags, re-work the above page http://www.theillusionist.ca/atest.html and the same issue occurs. I just don't know what to do. Can someone give some solid advice or point me to a tutorial that would be great. Thanks. Hi, Maybe this has been asked a thounsand times in this forum, but I haven't been here for a while. I would like to know how this is done: You have a button with a thumbnail of a picture that you click and this zoom in in the same page, then you click it back to zoom out. Any help will be appreciated. Thanks on this site, when you put your mouse on an image, it enlarges, that seems better than have people click and it goes to another window. How is that done, I look a little for a java script to help, but I didn't find the mouse over one link below shows what I mean TIA http://www.redcrossstore.org/Shopper...8&LocationId=0 Hello! I am pretty new to HTML, but I was asked to make a webpage for my girlfriend's small business. What I want to do is copy the style used on the main image of this website: http://www.stellamccartney.com/. What I am looking to do is take an image and have it resize whenever I resize the browser window. If you can tell, the image is actually zooming in and out in order to maintain its correct ratio. I am not interested in copying anything else from this website, only the way the main image works. Looking at the source code has me baffled; I believe they wrote this using javascript, but I can't tell. If anyone knows how to create a similar effect as this site I would greatly appreciate the help. Thank you! hey can you guys help me. i found this on the net and i want to use it but it doesnt work in IE. Can you guys look at the code and help me fix it? here is the page. http://216.55.165.15/Ecommerce/Zoom.html Thank you guys very much. I'm having the toughest time trying to find how to do this and I know it can't be that hard! I want a stationary image cell that displays part of a larger image where the user can zoom in and out by scrolling and slide around the picture by dragging (kinda like how one interacts with Google Maps). Any Ideas? Can someone tell me why the image isn't zoomed all the way to its max when clicked on? You have to click on the zoomed image to get it to its max dimensions. Why does it do this and how do I fix it so it will max out in a separate window when you click on the thumb? I don't know how to write this Javascript stuff myself. Click on any image to zoom So i have implements cloud zoom from professor cloud and it seems to be working half the way. Here is what is supposed to be executing: http://www.professorcloud.com/mainsi...-zoom-test.htm But if you look at mine: http://enveme.com/index.php?/product/graphic-tee-dorm-1 The mouse over is not giving me the magnified view. I have contacted the coder himself but no avail. Can anyone help? Hi, I'm hoping someone can help me. I bought a website template and I thought I would be able to figure it out. I'm having a lot of difficulty in a lot of areas. But this particular issue is driving me crazy. I only have some basic HTML knowledge. I'm basically trying to make images on my site so when you click on them they enlarge. When you click on them again and they shrink back down. First of all, this is the template I used: http://www.templatemonster.com/flash...tes/24691.html And this is what I'm specifically trying to add to it: http://www.cabel.name/2008/02/fancyzoom-10.html Scroll down and click on the sample images. I followed the simple instructions on that page above but where it says Body ID=, I'm not sure what I'm supposed to put there. Also the image source code in the instructions is different then the code in my .xml file. My code looks like <image imageUrl="_home_images-1.jpg"/> I've literally spent the whole day on this trying to figure it out and searching online. If anyone can show me how this can be done I would REALLY appreciate it. I'm not sure what other info you need, but I could zip up the template and provide it if needed. (its only 5mb) Thanks in advance Sarah well my issue comes when you try to use ctrl-mouswheel to zoom in or out on my page. works fine in ie8 and ff3, but not in chrome and safari. there isnt really a need for this to work, except the fact that no professional website should have such a major error. http:www. fab-tennis .com click the book a lesson tab, its the easiest way to tell since its the longest page i have. sorry for the bright colors. when you zoom in or out, the iframe which is usually fits exactly between my header and footer, shrinks to a small box maybe 500px in height instead of having height:100% of the table cell that it is in. i would reccomend trying the zoom on ff then try it on chrome or safari to see what im talking about. HTML Code: <html>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" bgcolor="#FFFF00" style="overflow-x: hidden; overflow-y: hidden;">
<link rel="stylesheet" type="text/css" href="css/basic.css" />
<!--[START HEADER]-->
<div style="position:absolute; top:0px; left:0px; width:100%;">
<table align="center" class="Header" cellspacing="0" cellpadding="5" style="height:40px">
<tr align="center">
<td width="20%" class="headerLeft" id="1" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
home
</td>
<td width="20%" id="2" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
book a lesson
</td>
<td width="20%" id="3" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
biography
</td>
<td width="20%" id="4" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
qualifications
</td>
<td width="20%" class="headerRight" id="5" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
photos
</td>
</tr>
</table>
</div>
<!--[END HEADER]-->
<!--[START BODY]-->
<table align="center" cellspacing="0" cellpadding="0" class="Body"><tr height="40px"><td></td></tr>
<tr><td valign="middle" align="center">
<iframe name="iBody" id="iBody" marginheight="0px" marginwidth="0px" frameborder="0" scrolling="auto" allowtransparency="true" src="home.html"
style="width:100%; height:100%; border:0px;">
BODY
</iframe>
</td></tr>
<tr height="40px"><td></td></tr></table>
<!--[END BODY]-->
<!--[START FOOTER]-->
<div style="position:absolute; bottom:0px; left:0px; width:100%">
<table align="center" class="Footer" cellspacing="0" cellpadding="5" style="height:40px">
<tr align="center">
<td width="20%" class="footerLeft" id="6" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
cancel lesson
</td>
<td width="20%" id="7" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
seven
</td>
<td width="20%" id="8" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
eight
</td>
<td width="20%" id="9" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
nine
</td>
<td width="20%" class="footerRight" id="10" onMouseOver="mouseOver(id)" onMouseOut="mouseOut(id)" onClick="onClick(id)">
ten
</td>
</tr>
</table>
</div>
<!--[END FOOTER]-->
<script type="text/javascript" src="javascript/basic.js"></script>
</body>
</html>
hi everybody, I am working in a html. I defined a functiion in a html file.(first.html) I want to call that function in another html file.(second.html) How can i call that function in second.html file? give some sample code Thanks in advance.... Hello there! I hope any HTML expert can assist me on the following matter: I am trying to place some rotating ads on my website. Those ads are located on the "ads.php" file. If my website was written in php I would know how to call that file with the function: <?php include("ads.php"); ?> Unfortunately, my website is in HTML (cannot be changed to PHP for other reasons) and I don't know any HTML function equivalent to the INCLUDE function for PHP. Does anyone know how could I call the ads.php file in HTML? Thank you! Unfortunately my website has to work in an offline mode too so no online solution is possible. The javascript engine cchana linked is unfortunately very limited and pretty much useless. Hello, I am attempting to make it so when a user selects an option from a drop down menu, the option will also appear in a nearby input box I've named "readout" below. I've gotten it to at least display a javascript alert with the user-selected value, theoretically ruling out the HTML as the problem. I've bolded the part below where I expect the value to change, however, it remains at the starting value of 1. Any suggestions? //-----------------------------------------------> <script> var FKeyPad = document.Keypad; var flag = true; function resetIndex(selObj) { if(flag) selObj.selectedIndex = -1; flag = true; } function doSomething(selObj) { alert(selObj.value); FKeyPad.ReadOut.value = "selObj"; flag = false; } </script> <FORM name="Keypad" action=""> <select onchange="doSomething(this)" onclick="resetIndex(this)"> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> </select> <input name="ReadOut" value="1" type="Text" size=1 width=20% maxlength="2" readonly="readonly" class="box"> </FORM> //-----------------------------------------------> Hi, i enclose the zip file, where are some files. If you click on 1start.html (best viewed in IE) and than click on "group1" and on "1.general1" it right frame should appear the content. So far so good. Later when I want to show/hide or collapse/expand the content and I click on the icon, something doesn't work. Can anyone pleease look in this code and tell me what's wrong. I seem not to know what i'm doing wrong. thank you all My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! Hi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right. I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas? Hi everyone, I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically. I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right? I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time. Any suggestions or advice would be very greatly appreciated. Regards Allan |
|||||||