|
HTML - Useing Ondblclick (double Click Buttons)
Similar TutorialsHi I have site it has windows media player embeded in it, it plays some live stream, I want page to load than stream to load it take about 5 seconds to load, I want html code to double click on windows media player so it will be full screen automatically without user doing it. Please help me Thank you. Short Sersion: What the best way to make a link dragabal but not clickable while being dragged? Long Version: I have a bunch of icons links (in layers) that the visitor can drag over the screen and even remove if they want to. (it's totally cosmetic, and everything is reset as soon as the page is refreshed, but it ads a level of detail - hence why am doing it) Since this is an unnecessary function it cannot interfere with the visitor’s ability to use the site smoothly. Therefore my issue; Since the links are dragabal, as soon as you click the link to drag it does what a link does and loads the page (after you release/drop it) Fix 1. The Shift. The quickest fix is to set the top margin of the button to the height of the image of the button. This way when you click it the button is shifted down and the handle becomes the area above the button, this way you can’t click the button while dragging. This does somewhat kill the effects, it looks a little odd when you go to click and drag the link and suddenly the links shifts down and you are holding the empty space above it. But it does solve the problem very simply and there for should be considered. Fix 2. The DblClick This is even a simpler fix to fix1 but it could interfere with the usability of the site… Setting the link to activate on a double click instead of a single click. This way the click to drag the button doesn’t activate the link. http://www.htmlforums.com/showthread.php?t=84281 Fix 3. “Block Layer” Another thought is to show a hidden layer when the drag function is activated this will block the link from being clicked. The “block’ layer can be hid again once the button is dropped, or in my case since I am already using the on drop event and have “only when snapped” checked, set the “block” layer to hide on mouse out, and assign a onclick link to the “block’ layer as well, incase the visitor tries to click the link after dragging it without mouseing off it first. This as far as I can see is the best compromise, however it adds a lot of additional code and mouse events that could effect the performance of the page. The best fix would be to disable the onclick event while dragging but I am not sure how to do that, and if you even can. Additionally I would assume that if disabled, the onclick event would need to be enabled after dragging, and since I am already using the on drop/ when dropped event and have “only when snapped” checked that could pose a problem. Any thoughts? Hi everyone. I am working on a website and it is turning out good so far. I made an iframe and menu buttons that all work fine with it. My question is that when i first load my site the iframe area is blank till i click my "home page" button. Is there anyway to put my home page in the iframe right from the get-go before i have to click the home page button? and still have the other menu buttons functional? Thanks. Hi there. I am upkeeping a website in wordpess and one of the posts has links which always appear to be double-spaced. I want them to be single-spaced. I have tried changing around the html coding and such but it has not changed the spacing. I don't know much about html so my attempts have been experimentational. The html tags in there are ul, li and a href=. I've tried taking each out to no avail. What should I do? Thank you very much for your help. I've got a scanned in document that has been processed by OCR - Omnipage - and saved as html. The paragraphs often list five or six items. Most of the paragraphs are single space but some are double spaced. In the original all are single spaced. I would like them all to be single spaced. The code seems very complicated with 'spans' and 'divs' and 'box' and 'style' and long lists of parameters repeated frequently. Too frequently I imagine, machine generated stuff, but I'm not an html coder. The point is I couldn't figure out for the life of me what it was that caused one para to be double spaced and another to be single spaced. Here's a sample of the code that causes double spacing (hope its okay to put snippets of code in these posts, moderator? ) <p><span style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">* To be informed of, and involved in, Centre Management and practices;</span></p> <p><span style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">* To have accessibility to information about the Centre through written policies and programs; and </span></p> <p><span style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">* To be provided with support and assistance in the parenting role. </span></p> <p style="margin: 4.8px 0px 9.6px 9.6px; background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; line-height: normal;"> </p> </div> <div class="Box" style="border: 0pt none rgb(255, 255, 255); background-color: rgb(255, 255, 255); width: 549.65pt; left: 99.15pt; top: 1107px; height: 192px;"> <p What I'm planning to do now is copy the whole section and paste to notepad to get rid of all html and then pick it up again and put it back into html. I've tried NVU, Frontpage and Dreamweaver and I can't find a way in any of them to simply strip out all the crap and - obviously - I can't find a way to strip out this double spacing thing. regards, ab How do I double indent? I use <dd> for a single indent, but I need a double indent, so something like this I currently have this: Single indent I need this: Double indent I've seen this used but I can't find any info on what it's meant to do. example: <<style>#saleDiv{display:none;}</style>> It's a user entered css on a social site. I'm coding a simple HTML email in BBedit. Everything looks perfect and opens up fine in most email client, Gmail, yahoo, hotmail... all but Outlook 2007. Apparently Outlook doesn't like HTML because it keeps adding an extra space between sentences and extra spaces after all my <p> and <br /> tags. Does anyone know what code I have to add to fix this issue? I've searched the web for the past two days and can't find an a clear answer. Thanks! Please help. I have a set of web pages with a horiz nav bar across the top that has buttons that load various pages in the iframe target area on the lower 3/4 of the screen. We want the entire screen scrollable with one scrollbar as one solution, OR the entire iframe area scrollable with a single scroll bar as another possible solution, does not matter which. What we do not want is for the user to have two manipulate two scroll bars (the iframe one and the outside one) in order to view the bottom of the iframe area. Thanks in advance, Ron E. ---------------------- Please help. I have a set of web pages with a horiz nav bar across the top that has buttons that load various pages in the iframe target area on the lower 3/4 of the screen. We want the entire screen scrollable with one scrollbar as one solution, OR the entire iframe area scrollable with a single scroll bar as another possible solution, does not matter which. What we do not want is for the user to have two manipulate two scroll bars (the iframe one and the outside one) in order to view the bottom of the iframe area. Thanks in advance, Ron E. hello wizards, i am trying to create a site with image links which open a link in a new window and then the image changes. the target url of the link needs to be hidden too. the method will be repeated various times on the page. please help, i dont have any idea how to get a double function of the onclick command. any help would be great. cheers confusedidiot Ok, I'm in the process of creating a file explorer using 2 cgi scripts and one html file. The html file creates 2 frames, and calls 1 of the cgi scripts in each frame. The cgi scripts are written in python and html code. What I want I need to do is be able to click on a directory in the left frame and it opens it up in the right frame, while also opening the directory up in the left frame. Now link is dynamic seing as there are several directories. So I want to make it so that when I click on the directory link, it opens two links, modifying both frames. So I tried adding this underlined code in my code in the script that is called in the left frame: frame2 is the name of the second frame. #!/usr/bin/python print "Content-type: text/html\n\n" import re,os,sys def arbre(repertoire): liste=os.listdir(repertoire) print "<html>" +str(sys.argv[1])+ "<html>" for fichier in liste: if os.path.isdir(repertoire+"/"+fichier): print "<html>" "<div style='position:relative; top:15; width:500; height:20;'>" "<a href='http://localhost/cgi-bin/liste.cgi?"+str(sys.argv[1])+"/"+str(fichier)+"' onClick='parent.frame2.location.href='http://localhost/cgi-bin/contenu.cgi?"+str(sys.argv[1])+"/"+str(fichier)+"'>" "<img src='http://localhost/apache2-default/repertoire.gif' width='25' height='25' alt='blarr' align=left border=no>" "</img>" "</a>" "<h5>" ,fichier, "</h5>" "</div>" "</html>" arbre(sys.argv[1]) This does not work, the left frame(frame1) works the same, but the second frame is not modified, help please? This might you give you a better idea of what I'm talking about: Code: <p><center><table width="50%" bgcolor="black" cellpadding="20px"><tr><td><a href="index.html">Home</a></td><td><a href="imglist.html">Img list</a></td></tr><td><a href="about.html">About</a></td></tr></table></center></p> in ie the center works fine, but in firefox its almost 2 inches to the left of being center, why would that be? ive tried to change the precent and all, but that doesnt do a thing. Hi, I had a previous post but have changed teh way teh links are styled so thought it need a new subjest to solve a different problem. The links in teh bottom left column appear nicely in IE but have double line spacing in FF Here is the link www.creativecogs.com/new Here is the CSS style for the links in questions Code: .links {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:underline;
color:#6ba033;
}
and the HTML Code: <p><span class="links"><a href="#" class="links">Web Design Somerset</a><br> <a href="#" class="links">Web Design Dorset</a><br> <a href="#" class="links">Web Design Devon</a><br> <a href="#" class="links">Web Design Yeovil</a><br> <a href="#" class="links">Web Design Taunton</a><br> <a href="#" class="links">Web Design Bath</a><br> <a href="#" class="links">Web Design Bridgewater</a></span></p> Any ideas how to stop the double line spacing in FF? I have tried using ul and li tags but i come accross other problems posted in this thread http://www.htmlforums.com/html-xhtml...tml#post596995 A soultion to either one would be appreciated. CC_DESIGN I hand coded my website myself, but whilst working perfectly in IE, there are some problems when viewing it using Firefox. Specifically, the table rows have double-spacings (scroll down to the 'Education' section he www.lombrozo.co.uk/resume.html), and also table borders have a 3D look (a black border to emphasise the shadow), again, this shadow is not visible in IE... Any ideas anyone? Any help would be most appreciated! We have an embedded device which server up a webpage. All parts of it works fine with a PC. We are now connecting it to a PDA running Windows CE 4.2 .NET. The webpages display fine in internet explorer. When we download a file the download dialog appears twice. The first download dialog downloads the file. The 2nd one fails and then further downloads will not run. We suspect the problem lies in http headers. The headers we are using at the moment a HTTP/1.1 200 OK\r\n Date: Fri, 31 Dec 1999 23:59:59 GMT\r\n Server: myserver\r\n Connection: close\r\n Content-Type: text/plain\r\n Content-Disposition: attachment; filename=abc.txt\r\n\r\n Help please. Cheers, Peter I want to add a total of 10 forms to the same page but can only get the "Double Combo" box vehicle "Make and Modle" to work in "Ad 1". (see page link below) What am I missing or what do I need to do? Please view script form here >> http://www.netrixllc.net/clpublisher/create-ads.html I would appreciate any help... Thank you~ I've played around with this code but it seems as if I can't get the buttons to appear. Is this related to the script type? Anyone know how I can fix this? [the location is not set yet, my problem is just getting the buttons to show up] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE> Meats </TITLE> </HEAD> <BODY> <SCRIPT type="text/javascript"> <table> <table border="1" align="center" cellpadding="1" cellspacing="1" BGCOLOR=blue > <tr> <td> <INPUT type="button" value="Home" name="button1"onClick="window.location='http://www.htm'"> <td> <INPUT type="button" value="History" name="button2" onClick="window.location='http://steakslocation.htm'"> <td> <INPUT type="button" value="Residents" name="button3" onClick="window.location='http://porklocation.htm'"> <td> <INPUT type="button" value="Events" name="button4" onClick="window.location='http://poultrylocation.htm'"> <td> <INPUT type="button" value="Links" name="button5" onClick="window.location='http://venisonlocation.htm'"> </SCRIPT type="text/javascript"> <div id="PICTURE"> <img src="anthropormophic_bacon.jpg" height="90%" width="90%" alt="Buddy!" /> <center> Y Halo Thar </center> </div> </table> The content of the document...... </BODY> </HTML> Hi Guys/Ladies Im working through CSS learning it and so far its going well but i am stuck on this issue and a refuse to turn back to Html Tables etc i want to learn how to code without tables So i have a horizontal Menu bar and i would like to populate it with buttons linking to different sections on the site there is already two buttons but you can see from the image they are both touching one another i need to space them out, the buttons arent finished i want to get the layout sorted first then start adding detail. This is the CSS for the menu bar. I added the background image. HTML Code:
div.hideSkiplink
{
background-image: url('/images/BottomMenu.gif');
width:100%;
}
div.menu
{
padding: 4px 0px 4px 8px;
}
div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
This is the code on the site master where im calling the CSS HTML Code: <div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
</Items>
</asp:Menu>
</div>
iv attached the image so you can see what its doing.... Hope some one can help me I would like to use images as links in my nav bar and im looking for a tutorial or some help with how to make the buttons change when diffrent actions are taken.. eg link visited hover active but i dont know how to change the properties of the link, if anyone can point me in the direction on how to do this either in CSS or in each web page i would be verry grateful i have looked around and havent been able to find anything |
|||||||