HTML - Questions About Dreamweaver & Dhtml...

Hello,

I'm looking for a DHTML script that will combine a floating menu with a slide in menu.

Here's an example of a floating menu: http://www.dynamicdrive.com/dynamici...staticmenu.htm

Here's an example of a slide in menu: http://www.dynamicdrive.com/dynamici...lideinmenu.htm

Does anybody know where I can get a menu that combines these features?

So, Im looking for some code that acts like dhtml tabs. I have a webpage that I want to add a column on the right that has like 5 tabs. Clicking on each tab you get different content without leaving the actual page.

Like this I suppose:
http://www.cnn.com/

In the "Watch Video" section. You can tab between Most Popular and Best Video. thats the idea.

Any good solutions.

The current solution I have works, but is sloppy. Im hoping for some better code.

Any help would be appreciated.

Thanks, Mac

Hey guys I am build ing a site and wanted to no the best solution for a drop down menu system.

I read somewhere that 10% of people of javascript disabled so they would not be able to use the javascript dropdown.

Is the best option to use dhtml for this so it will work in all browsers old and new.


Matt

Hello everyone. I have a web page that contains a long form. One of the fields, "Show Date", has a <button> that triggers a DHTML Date Selector widget I downloaded. However, the formatting on the selector is not as desired--I recently placed the following line of CSS code in my shared CSS file:
Code:

div { background-repeat: no-repeat; position: absolute; visibility: visible; }

I know for a fact that this line is responsible for the formatting bug, but since I have hundreds of div's that I need formatted with the no-repeat, absolute positioning, and visible attributes, this messes up my date selector (just the absolute).

So basically my question is this: Is it possible to keep my single line of super-formatting all my DIVs while retaining the desired look for the Date Selector? (Possibly a line of CSS for the selector??)

Any help would be greatly appreciated.

Thanks!

I have a general question about something I'm trying to incorporate into a site. I don't have a link to show since I haven't figured out a good way to do this yet.

I have a page (page.html) with a button. The button brings up a layer with j01.html in it. I want to be able to click "next" in j01.html and have it call up j02.html in the same window. A next button in j03.html will bring up j04.html and so on, for about 15-20 pages. A "back" button will go backwards through the same sequence, and an "index" button will bring up an index of those pages within that popin. Basically, it will be like a minisite within the grander site for that little area. What's a good way to do this?

I'm hoping there's an easy way to code the link so that j02.html will replace j01.html in the same layer and so forth, leaving the page.html alone and that it won't require some super huge scary amount of scripting. This is the first time I'm trying to figure any of this out and it makes my head hurt. Thanks in advance for your replies.

-dd

Hi,

I created a new website that works great in Internet Explorer. When I tried it in Firefox I had a few problems: my layer widths appeared differently and I was unable to click on any links on the page.

I was able to fix the widths of the layers by using conditional comments, however I am unable to fix the problem with the hyperlinks.

I think the problem is caused by the DHTML vertical dropdown menu covering up the other layers--because when I hide the menu layer and test it in firefox I am able to click on the hyperlinks and use my overflow scrollbars, etc.

If I move the menu behind the other layers, the menu becomes hidden.

Is there a solution to this problem that will allow me to keep the DHTML menu without covering up the other layers on the page?

All help is appreciated.

Thanks,

James

I have been considering using some DHTML to make an expandable/collapsable block of text.. see:: http://kilbad.com/DEVELOPMENT/expand.php

This page does validate at the w3c, when set to strict, as xhtml strict (I think the code has transitional right now), which I am happy about. However, what percentage of browsers will support this feature? I don't know much about dhtml.

How do you xhtml purists feel about this code in general??

Thank you so much in advance!!

Brendan

I have this menu to rollover... and I cant seem to get the positioning correct. All I want to do is shift it to the right about 100px so that it doesnt cover up the rest of the menu items.

I will paste the CSS, javascript, and html code here... I have tried positioning it via CSS and thats not working :/ Is there a way to do it in the java code? Or if you want you can say how you would do it in CSS... maybe I just was doing it wrong.


CSS
Code:

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ 
color:#000000;
background-color: #cc0000;
}

JAVA
Code:

<script type="text/javascript">

var menu1=new Array()
menu1[0]='<a href="group.html">About (group)</a>'
menu1[1]='<a href="officers.html">Current Officers</a>'
menu1[2]='<a href="officerjoin.html">Become an Officer</a>'

var menu2=new Array()
menu2[0]='<a href="meetings.html">Meetings</a>'
menu2[1]='<a href="alumniday.html">Alumni Day</a>'
menu2[2]='<a href="industryday.html">Industry Day</a>'
		
var menuwidth='165px'
var menubgcolor='lightyellow' 
var disappeardelay=50  
var hidemenu_onclick="yes" 


var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>

HTML
Code:

<li><a href="events.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">Events</a> </li>

Any help would be appreciated! Thanks!

I am trying to make a page that has a DTML (dynamic expanding links), and a right hand column - Below is my code.

I want to make the right hand colunm (most common questions grey area) a fixed height.

It seems to be the length of the page as if all the menus are clicked on and opened even if they are closed.

How can I make it a fixed height regardless of how many links (dhtml) are opned or not so that most common questions are no longer than say 500 pixles.

Any suggestions would be handy. I can send code / page as its to long to paste here!


Thanks,
Ryan

HELLO ALL! I'm new here. Thank you in advanced.

I have a dthml menu on my main page. I would like to apply this same menu to all my other web pages with making one update. Currently I have the same code pasted and and script on all my product pages. If I have any changes to make to the menu I have to go and update all 20+ pages with the changes of the drop down menu.

on each of my product pages is there any way to reference this one dthml menu to use...I'm hoping this is making sense? I'm using dreamweaver CS3 and I used Sothink's DHTML MENU creator.

I'd like it that when I make a change to the dhtml menu it would apply to all my product pages.

Thank you

Chris

ok, so since i've switched over to Div i felt like there was no more needs for Dreamweaver anymore. Does anyone feel like this?

I mean, maybe i just don't know how to use DIV in Dreamweaver, becuase i've been doing it all by hardcoding by hands.
becuase when i try to align a div to the right or left, there is no button in the property that lefts me do it, so i have to get into the code and change it.

and when i do use it, seems like the only feature to use is "layers" ( i think this "is" div ).


so currently i'm thinking that dreamweaver is built for tables. is this correct? Shoot, now i feel like i've spent so much money and now is barely using the program anymore( execpt for the typing tool tip).

Hello every1,

I'm using adobe cs3 now, but i seem to be having a little bit of a problem. When i come to type in the html code:

<param name="wmode" value="transparent" />
wmode="transparent"

The code does not seem to work now.
What is the new code that i will need to enter?
Or do you have to do something in flash?

Thanks for the info?

I have been following this incomplete tutorial series http://www.youtube.com/user/EdzJohnson and have a finished product of what was done in Photoshop Website Design Tutorial 2. As of right now there is no third tutorial but I would still like continue developing my website. Currently the code represents the lay out of sliced up images for the web banner and some map tags surrounding the locations of where a button would link you to something else. However, I do not know where to place the link tags so the map locations actually link you to something else.

does anyone know where to place the link tags?
Code:

<html>
<head>
<title>dobbs and bishop cheese de sliced10152010</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (dobbs and bishop cheese de sliced10152010.psd) -->
<table id="Table_01" width="1153" height="168" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="11">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_01.gif" width="1152" height="16" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td rowspan="7">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_02.gif" width="85" height="152" alt=""></td>
		<td rowspan="6">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_03.jpg" width="148" height="151" alt=""></td>
		<td colspan="9">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_04.gif" width="919" height="50" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="50" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_05.gif" width="260" height="1" alt=""></td>
		<td rowspan="3">
      <img src="images/dobbs-and-bishop-cheese-de-sliced10152010_06.gif" alt="" width="176" height="54" border="0" usemap="#Map2"></td>
		<td colspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_07.gif" width="483" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_08.gif" width="59" height="101" alt=""></td>
		<td>
      <img src="images/dobbs-and-bishop-cheese-de-sliced10152010_09.gif" alt="" width="191" height="52" border="0" usemap="#Map"></td>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_10.gif" width="10" height="101" alt=""></td>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_11.gif" width="41" height="101" alt=""></td>
		<td>
      <img src="images/dobbs-and-bishop-cheese-de-sliced10152010_12.gif" alt="" width="155" height="52" border="0" usemap="#Map3"></td>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_13.gif" width="39" height="101" alt=""></td>
		<td rowspan="3">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_14.gif" alt="" width="190" height="64" border="0" usemap="#Map4"></td>
		<td rowspan="5">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_15.gif" width="58" height="101" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="52" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_16.gif" width="191" height="49" alt=""></td>
		<td rowspan="4">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_17.gif" width="155" height="49" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_18.gif" width="176" height="48" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="11" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_19.gif" width="190" height="37" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="36" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_20.gif" width="148" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->

<map name="Map">
  <area shape="rect" coords="4,8,191,45" a href="C:Users/blood muffin/Desktop/dobbs and bishop website/croppedheaser/www.dobbsandbishop.comcheese.html">
</map>

<map name="Map2">
  <area shape="rect" coords="13,13,176,47" href="www.dobbsandbishop.comother">
</map>

<map name="Map3">
  <area shape="rect" coords="5,9,153,48" href="www.dobbsandbishop.comphoto">
</map>

<map name="Map4">
  <area shape="rect" coords="11,-5,188,55" href="www.dobbsandbishop.comglossary">
</map>
</body>
</html>

can you please give a site or link where can I download dreamweaver? I have heard is good to build web pages and learn html. Thanks!

In the site: www.eldon.com

see those little dotted lines in the page?

I couldn't figure out how they did this to save my life...

Thanks...