|
I would take a look at the HTML5 canvas tag.
Chris J
www.redash.org
|
|
|
|
|
I have a menu on a webpage that I'm starting to develop. When the user hovers over certain menu items it pops up a horizontal menu/image. The popup is an image split via Map Area tags. The reason being is if the user clicks on the top of the image they get redirected to one link, if they click the bottom of the image they go to a different link.
My problem occurs when the user is in the popup menu and moves the cursor from Map area to Map area. The popup menu disapears when you go inbetween them 
I have the meta code up and running if someone wants to take a look at it here[^] I commented the code so its easier to understand.
Heres a breakdown of the flow of code:
Someone hovers over the image:
<tr> <td><a href="#" onMouseOver="display_menu(this,'menuLocations',-40,210,'menuMenu',0)"><img src="images/TabLocations.jpg" alt="Locations" name="Locations" width="235" height="42" border="0"></a></td> </tr>
Which calls this JScript Sub upon onMouseOver. The Sub displays a popup image
function display_menu(parent,named,xOffset,yOffset,HideMe,HideMe2)
{
var menu_element = document.getElementById(named);
menu_element.style.display = "";
var placement = findPos(parent);
menu_element.style.top = (placement[1] + xOffset ) +"px";
menu_element.style.left = (placement[0] + yOffset) +"px";
Above JScript displays this Div popup:
<div class="popup" id="menuLocations" style="display:none;">
<table width="161" height="68" border="0" align="left" cellpadding="0" cellspacing="0" id="Table_300">
<tr><td><a href="#" onMouseOut="hide_menu('menuLocations')"><IMG SRC="images/TabKuCalMap.jpg" ALT="" BORDER=0 WIDTH=161 HEIGHT=68 USEMAP="#mapHome"></a></td></tr>
</table>
</div>
Which is split via this Map Area:
<MAP NAME="mapHome">
<area shape="rect" coords="0,0,161,34" alt="Ku_Home" href="Ku_Home.html" />
<area shape="rect" coords="0,34,68,161" alt="Cal_Home" href="Cal_Home.html" />
</MAP>
When the user is hovering in one Area and moves to the other Area the popup closes. . .
Does anyone know what I can do to debug this?
|
|
|
|
|
I mean,the url sent back from server should be
http:
But,my program shows
http:
The question is,how should I hide the extension name ".com" of my cgi application under IIS?
|
|
|
|
|
|
I have some table gaps that I can't get rid of and it's driving me insane. Can someone shed some light on why this is happening?
I've simplified my code to just a boarder and nothing else:
<table width="1160" height="600" border="0" align="left" cellpadding="0" cellspacing="0" id="Table_blah">
<tr><td rowspan ="1" colspan="15"><img src="images/HorSeparator.jpg" width="1160" height="16" alt=""></td></tr>
<tr><td rowspan="14"><img src="images/VertSeparator.jpg" alt="" width="11" height="584"></td></tr>
</table>
SOLVED:
Turns out the gap was caused by my opening tags:
<!DOCTYPE html>
<html lang="en">
Does anyone know how they can cause table gaps
modified on Sunday, January 30, 2011 9:32 PM
|
|
|
|
|
I took your markup, made a couple of images to match yours and took a look. I don't see any gaps. Perhaps you have a style sheet that's affecting things?
If that's not the case, maybe you could describe what you're seeing - that may help diagnose the problem.
Cheers,
Drew.
|
|
|
|
|
Thanks for the reply My style sheet is very simple, I doubt that is affecting it, but I'll look into it.
Here's a snapshot of Explorers' and Chromes' rendering of my table:
http://tinypic.com/r/2guei2s/7[^]
It dosent look like much but that 3 pixle gap on the left really messes things up.
Thanks for the input Drew. If you didnt suggest that the problem could be outside of the table I wouldn't of figured out that the problem was caused by my opening tags
<!DOCTYPE html><html lang="en">
modified on Sunday, January 30, 2011 10:46 PM
|
|
|
|
|
Glad I could help!
Cheers,
Drew.
|
|
|
|
|
I am developing a web site that is going to be heavy in custom content and is very database driven. I want all the features (and some smartphone specific features) of the web site available to hand held devices. Now I have been absent from the programing scene for many years now. Ok So my question is what would be the best language to develop everything in. can I do it all in php and ajax or should I use c# and asp.net so I can use C# to develop the handheld apps. I know it's a loaded question but I really am at a loss on witch would be best and why.
|
|
|
|
|
There is no correct answer to a which language is best question. There are far too many variables. What language are you most comfortable with? Who will maintain the code in the future? What does the host support? Are there features one language supports and the other does not? Plus many, many more.
A database driven content management web application with mobile support describes what SharePoint is. There are also other pre-built packages and frameworks to do this so the question may be not which language to use but rather is it more economical to use one of these packages (don't forgot to factor in maintenance and support) or write it yourself.
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
Mark is correct, its all a matter of what your good working with and the desire to work with a framework or roll your own. If you want to use a framework there are a ton of CMS systems out there, I would just google for free ones to start a search and check for a strong and friendly user base to help you with any questions you may have. Also look at how much bloat will be added that you may not want.
Just my 2 cents
Chris J
www.redash.org
|
|
|
|
|
I believe you meant to replay to the OP and not me.
I know the language. I've read a book. - _Madmatt
|
|
|
|
|
I agree with Mark that there is no single language that would be the best fit for this. In one part you say that you the website and some features available for hand held devices and then later say to use C# to make the handheld apps. You can made a website that will detect that it is a mobile device that it is being shown on and use different templates to access the data in a way that is optimized for mobile. I know quite a few websites that do that. Now if you want to do some mobile apps, that would be fine as well, but you would probably not be using C# on all of them. You could if you used MonoTouch for .NET on iPhone and MonoDroid on Android and Silverlight on WP7. But then it is still 3 separate apps. Configuring a website to show differently for a mobile device might be easier.
Even using something like html5 is not going to help you for everything, because the standard is not set, so every browser has different interpretations of it, and WP7 does not have it at all yet. I am not sure if Blackberry does or not.
For me, I always say to develop a website with what you are comfortable with (or want to learn), and that could be ASP.NET, RoR, html5, php, etc. You will have to test alot of mobile devices no matter what you pick, so be prepared for that.
Steve Maier
|
|
|
|
|
Hello
I am working on a website that the main page is "index.html" which has the following code.
<html>
<head>
<meta http-equiv="refresh" content="0;url=index.php">
</head>
</html>
The main website runs off of "index.php"
Is there any advantage in doing this?
Can you not run php scripts from within a html document?
Any thoughts as to why?
Thank you in advance
|
|
|
|
|
you can run php in an html document, if the web server is configured to recognise that an htm, or html document is to be parsed by php.
The example you give is odd and I wonder why you would do that. It would be simpler to just have an index.php and configure your server to load a php page directly.
Chris J
www.redash.org
|
|
|
|
|
We are in need of a markup/commentary tool that will allow users to markup a certain area of an asset (pdf, image, etc) and comment on it. Is anyone aware of other products like ConceptShare that provide such features?
|
|
|
|
|
Hello,
I have a simple menu bar that many webpages display, I wanted to put the code in a separate html file so that it was easier to maintain, as apposed to modifing ten or more files when a change is made.
<ul>
<li id="menuHome"><a href="index.html">Home</a></li>
<li id="menuResults"><a href="results.htm">Results</a></li>
<li id="menuEvents"><a href="events.htm">Events</a></li>
</ul>
from html documents it is included by
<!--#include virtual="MenuBlock.html"-->
from php documents it is included by
<?php include "MenuBlock.html";?>
I want to know who is including this file so that I can adjust the CSS properties to reflect that the proper menu item is selected.
<script type="text/javascript">
document.write(document.referrer);
</script>
I had thought that the above would work, but the "calling document" is not the actual referrer.
I have JavaScript to modify the looks of the menu based on the menu id tags.
How can I tell which page is including this, or am I going totally in the wrong direction. (New to webpages)
Thank you in advance.
|
|
|
|
|
the document.referer is the previous web url that the browser was sitting at.
not sure how to do what you want without using javascript.
"If your actions inspire others to dream more, learn more, do more and become more, you are a leader." - John Quincy Adams
|
|
|
|
|
Thank you,
How would you tackle this using JavaScript?
|
|
|
|
|
You need to keep two things in mind with this. A php include and the server side include don't create a seperate call to the server for the documents you are incuding. So there is no valid 'referrer' when it comes to who included the page.
The PHP include basically copies the content of the included file into the location you include it. So the only way to detect that it came from PHP is to set some kind of variable and check the existence. But this only works if your included file is also a PHP file.
The server side include (SSI) is interpreted by the webserver and included when you sent the page to the browser from the server. So I suppose you could add a GET parameter to determine if it was a SSI include.
|
|
|
|
|
Somewhere I recently saw a Code Project posting (maybe a news article?) about a console-style home page. Can anyone direct me to it? Thanks...
Donald S. Szarkowicz, Ph.D.
E-mail: dszarkow@hotmail.com
|
|
|
|
|
Did you search the articles?
I must get a clever new signature for 2011.
|
|
|
|
|
Richard,
Yes, I did search the Articles, but a search for "console-style home page" returns no results.
I think the link that I saw was in a recent daily newsletter, but I may be wrong...
Donald S. Szarkowicz, Ph.D.
E-mail: dszarkow@hotmail.com
|
|
|
|
|
That's the best I can offer I'm afraid. Unfortunately it is impossible to find articles without a bit more detail, such as the section it was filed under, the author's name, whether it was new etc.
I must get a clever new signature for 2011.
|
|
|
|
|
Hello,
I have a simple menu bar base on a ul li list with embedded hyperlinks.
<ul>
<li id="menuHome"><a href="index.html" onMouseOver="setMenu('menuHome')" >Home</a></li>
<li id="menuResults"><a href="results.htm">Results</a></li>
<li id="menuEvents"><a href="events.htm">Events</a></li>
</ul>
I have set the CSS properties such as
#menuHome {
background-color: #CCC;
color: #000;
}
#navleft ul {
list-style: none;
padding: 0;
margin: 0 0 5px 0 ;
text-align: left;
}
#navleft li {
margin: 5px 0;
line-height: 23px;
}
#navleft li a {
text-decoration: none;
padding-left: 9px;
display: block;
width: 140px;
}
My Java script is quite basic
function setMenu( id )
{
var e = document.getElementById(id);
e.style.backgroundColor = 0x666666;
e.style.color = 0xFFFFFF;
}
My goal is to basically have a vertical menu bar that can be used for multiple webpages, so that after the user clicks on it, it will change the background color and text to a different color, so that it is apparent which page the user is on.
(I realize that I'm using the mouse hover for testing, it stops the page from reloading every time I test it).
The problem that I am having, if my understanding is corrent is that the tag that I pass in the jave call is bond to the "li" element of the menu list, the background color changes quite fine, but, I can not seem to be able to access the color property of the "a href" tag to change the text from black to white.
using the e.style example above how would to "Cast it" to the a reference?
Thank you in advance.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
