HTML - Dhtml For Posting

Lets say I create a DHTML menu in a third party app and applied it to about 10 pages (htm)...

Lets say I want to change the menu, such as the color and also add to the submenu...

Will it apply to every page?

How is this possible?

Thanks a LOT.

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

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

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 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!

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

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

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 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

I just posted a question 5 minutes ago and now it's gone. hummm any thoughts?

Hello!

I need some help with my website - it is an international job posting website and I cant figure out how to make the job postings go on auto-pilot. Say someone would like to post a job, as of right now they email me and I put it on the website, and recently I tried using a forum but a) the viewer has to sign up with this forum company and b) they delete my posts because they have to do with money i think... so I'm wondering if anyone out there would know how to put this site on auto pilot by creating my own forum or something!! Thanks so much to whoever can help a sista out!

Lindsay

Hi everyone,

I'm new here and new to html stuff. I really need to learn it to make my website.

I've been messing around all day with the codes and so far all I got is this:

<TABLE BORDER="0" cellpadding="0" CELLSPACING="0" bordercolor="#330000" width="100%">
<TR>
<TD WIDTH="950" HEIGHT="17" BGCOLOR="#000000" VALIGN="top" align="left">
<font face="edwardian script itc" style="font-size: 65pt" color="#FFFFFF">George Gabrielle Couture
</font></TD>
</TR>
</TABLE>
<table border="0" width="20% align="right" bgcolor="FFFFFF">
<tr>
<TD BGCOLOR="#000000">
<font face="pica10 bt" color="FFFFFF" size="3">Fall/Winter</font></td>
</tr>
<tr>
<TD BGCOLOR="#000000">
<font face="pica10 bt" color="FFFFFF" size="3">Holiday</td>
</tr>
<tr>
<TD BGCOLOR="#000000">
<font face="pica10 bt" color="FFFFFF" size="3">Resort</td>
</tr>
<tr>
<TD BGCOLOR="#000000">
<font face="pica10 bt" color="FFFFFF" size="3">Baby</td>

Now I need to add some pics to the white part of the page (left-hand side). Forgive me everyone, when you answer this please treat me like I'm a 5 year-old, LOL . I am soooo html challenged. I'm only a seamstress, and sewing clothes is all I know .

Sorry if this is the wrong section to post in but as I have explained I'm new to this & I don't fully understand what everything means.

But my question is this:
A long time ago somebody told me of a method in which I was able to make a nwe forum topic via the address bar. There were spaces to put the message, topic title, topic icon etc.

But being slow I forgot it. I was just wondering if anyone could help me with this as I would like to use it to make multiple topics on my new message board & I don't want to type the whole topic out again everytime I post.

Again I'm sorry is this is the wrong place to post a quaestion like this.

Thanks, Jonny.

I have a big form (http://plemorarpg.com/footpatrol/nightlyreport.html), and I want it to submit to e-mail when 'submit' is clicked... but I want it to e-mail it in the form of a table (or at least in a nice, orderly fashion), not in the form of a variable list (so I want to see the e-mail look like the form, instead of look like

last-night-1 great
last-night-2 okay
)

Can anyone help me, or point me in the direction of help? Perhaps a free webhost who allows cgiemail, or someone with cgiemail that's willing to let me host this on their site for a small fee?

This is for a volunteer group that walks people home at night on a university campus, so money is fairly nonexistent...

The server I'm currently using has a CGI capabilities, but no set bin and no pre-codes. My knowledge of CGI is pathetic, but if that's the only way I'd love it if someone could walk me through step by step.

Anyone?

EDIT:

I have a webserver that allows CGI, but it doesn't have a bin or any scripts -