DHTML Drop Down Menu Sample With Framesets Used Or The Cross-frame?
Feb 10, 2006i need a DHTML drop down menu sample with framesets used or the cross-frame..i dont have any dropdown menu creator because they are just a trial verion..
View 1 Repliesi need a DHTML drop down menu sample with framesets used or the cross-frame..i dont have any dropdown menu creator because they are just a trial verion..
View 1 RepliesOk guys l generated some dhtml drop down menu using Sotthink DHTML menu 8.Now l am editing it in my Netbeans but cant change the height of the seperator .
View 1 Replies View RelatedOK, so jquery code works fine on a sample test html page. However, when I try to execute the exact same code in my asp.net project, it does not work. I have included the scripts and the paths are correct so it has nothing to do with that.
$(function(){ $('ul.jd_menu').jdMenu({ onShow: loadMenu //onHideCheck: onHideCheckMenu, //onHide: onHideMenu, //onClick: onClickMenu, //onAnimate: onAnimate }); $('ul.jd_menu_vertical').jdMenu({onShow: loadMenu, onHide: unloadMenu, offset: -1, onAnimate: onAnimate}); });
That is the section of code it gives me an error on, it says " Object doesn't support this property or method"
Also, even before I run the project, I have a warning in my error list box that says: Error updating JScript Intellisense (C:~~~blah blah jquery-1.4.2.min.js
I'm having a hell of a job getting this to work in Safari: the only thing I can think of is that one can't use reload() across to another frame for security reasons. Does anyone have a concrete answer or solution for this? I'm trying to do this:
top.frames["mainContent"].location.reload();
Is it possible to run an HTML file from "localhost" and bypass the
various security checks in place for cross-frame scripting? For
example, on a 2-frame page loaded locally:
a) frame 1 includes a form that accepts the name of a web site
(example: www.foo.com), which a script or perhaps a "target" attribute
then loads into frame 2
b) frame 1 waits for frame 2 to load, then reads (for example)
top.frame2.document.images.length and displays the total in frame 1
I realize that "localhost" is not going to match the domain appearing
in frame 2, but as I myself am running the script, logically, where is
the harm?
I haven't done much testing with this yet, but am planning an
application around this concept and am hoping I can make it work. Any
pointers?
I have set of frames... one contains a menu and the other a status frame. I am calling a function from the menu which sets the variables however I need some help passing those variables to the status frame. How would I go about doing such a thing?
This is called from the menu in frame 1 but doesn't work:
Code:
function jumpsec(cat, prod) {
parent.statusbar.category=cat;
parent.statusbar.product=prod;
}
// then my status frame bar has:
document.write(parent.statusbar.category);
document.write(parent.statusbar.product);
The 2 variables are blank on statusbar onload but get populated with each click.
I'm trying to dynamically set the height of my Iframe. my https: main page
is calling another https in an Iframe. But i get an access denied error
from my javascript trying to call the parent document.
Main https page
<IFRAME APPLICATION="yes" style="width:100%;" id="iframename"
frameborder="no" scrolling="no" SRC="https://www.otherdomain.com">
otherdomain.com html
------------------------------------------------
<script>
function bodyheight() {
x = document.body.scrollHeight
parent.document.all.iframename.style.height = x
}
</script>
I am using this code to refresh the browser after a iframe has finished loading. Does anyone know a cross-browser one that will work on all browsers. I have tested it on firefox and internet explorer, it seems to only work on firefox.
PHP Code:
<script type="text/javascript">
window.onload = function() {
document.getElementById("updates").onload = function() {
[code]...
I am building a linear sequence of pages with forward and backward nav. Because they have to pass info from one page to another they're in a frameset. I want the same title to appear on all the pages so I've put the title as a variable in the frameset. title="Mytitle"
I have a global.js which is loaded with every page and it contains a script to run certain functions on page load. One of these is a function addTitle() which is to take the variable from the frameset and put it into the appropriate div on the page. I did it at first with innerHTML
var titleplace=top.mainFrame.document.getElementById("sectionTitle")
title=parent.title
titleplace.innerHTML=title
This works in IE5.5 and 6 but not in Firefox or Opera. No error message but it just doesn't show anything.
I then tried with DOM scripting:
var titleplace=top.mainFrame.document.getElementById("sectionTitle")
title=parent.title
mazename=top.mainFrame.document.createTextNode(title)
titleplace.appendChild(mazename)
Same thing - no-show in FF or Opera, but OK in IE.
I've proved that the addTitle function is being run on pageload and it is getting the right value for title from the frameset. It just isn't putting it into the page.
OK, I could just hard-code it but this is to be a template for other apps so I'd like as much as possible scripted. I don't want anything specific in global.js as it should be reusable by anyone using the templates without them going into it.
Ok so I'm using FxMenu 4.1.1 on my website at the moment. I figured that I wanted to keep the menu static so it wouldnt ahve to reload everytime someone clicked on page. I made a 3-framed framset with a header,center, and a footer. The center consists of the menu and an iframe. The pages that load from clicked on the menu items load in the iframe. Here's my problem: if I load a flash movie or whatever in the iframe it overlaps the menu. Code:
View 2 Replies View RelatedThe rollover menu's roll out nicely, but they don't go back in unless you put your mouse over another menu item. Is there another onmouse* combination I should be using?My javascript:
Code:
// JavaScript Document
var retardo;
[code]....
If anyone can help me find a free resource for creating a verticle slide tree menu system that allows the use of images for the navigation I would really appreciate it. I have found many scripts that allow background images but NONE that have rollover images for the links. Code:
View 3 Replies View RelatedDoes anybody here know of a DHTML drop down menu that works in opera?
View 2 Replies View RelatedBecause i'm a javascript newbie, i decided to use a application (allwebmenus) to create a tree menu.But I wasn't able to find a option in the program to change 2 frames with 1 click.This is the situationI've got 2 frames (maincontent & logo) and 2 documents (opschoning.html & herinstalleren.html).At the moment the menu is working fine. When clicking on "- opschonen" ,opschoning.html is nicely loaded in the maincontentframe.But i would like to see that at the same moment herinstalleren.html gets loaded in the logoframe.I've been trying hard, but couldn't find the solution for the problem.
Code:
//----------DHTML Menu Created using AllWebMenus PRO ver 5.1-#766---------------
//F:ProgjesawmTheme GallerySlidingscott.awm
[code]....
Could someone advises me some good books or information about DHTML menu?
View 1 Replies View RelatedThis is my first post here. I'm not well versed in JavaScript, so I'm not sure how to do all the following things: (1) set up a horizontal menu with (2) + and - images as bullet points, such that clicking on the bullet points (3) changes + to - and vice versa while (4) a single-level drop down menu makes text disappear and appear.
It should look like this:
---------------------------------------------
[+] Option A [+] Option B
[code]....
I used the script from this website to create an expanding and collapsing sitemap bar at the bottom of my page. What I can't find is a solution to the menu expanding up over the content instead of expanding downwards.
Collapsed
http://joylee.net/id01/processblog/images/sitemap_collapsed.gif
Expanded
[code].....
I'm looking for a javascript that lets me drag an image from one
browser window to another. Is there a solution for this problem?
This drag/drop code will work in IE and FF, and most likely Opera too...
All you have to do is insert the following code in between the <head></head> tags and set any element's class attribute that you'd like to render draggable to "dragdrop".
CSS...
<style type="text/css">
.dragdrop{
position:relative;
cursor:pointer;
}
</style>
Javascript...
<script language="javascript">
var mousedown=false;
var obj=null;
var omx=0;
var omy=0;
var oox=0;
var ooy=0;
function getEvent(e){
if(!e){e=event;}
return e;
}
function getObj(e){
e=getEvent(e);
if(navigator.appName.indexOf("Netscape")!==-1){
return e.target;
}
else{
return e.srcElement;
}
}
document.onmousedown=function(e){
e=getEvent(e);
obj=getObj(e);
if(obj.className!=="dragdrop"){
obj=null;
}
else{
mousedown=true;
omx=e.clientX;
omy=e.clientY;
if(navigator.appName.indexOf("Mozilla")!==-1||navigator.appName.indexOf("Netscape")!==-1){
oox=obj.style.left;
ooy=obj.style.top;
}
else{
oox=obj.style.pixelLeft;
ooy=obj.style.pixelTop;
}
}
}
document.onmouseup=function(e){
obj=null;
mousedown=false;
}
document.onmousemove=function(e){
var e=getEvent(e);
if(mousedown==true){
oox=oox.toString().replace(/px/,"")*1;
ooy=ooy.toString().replace(/px/,"")*1;
obj.style.top=ooy+e.clientY-omy;
obj.style.left=oox+e.clientX-omx;
}
}
</script>
You can preview this script in action here...
I have a javascript menu based off of unordered lists that only shows the subnav links when you click on the main nav links. is there a way to keep any subnav items open after you click on a link and are transferred to a new page? Code:
View 3 Replies View RelatedEntire Code Sample:[URL]I can get this code to work no problem if I create a second iFrame ("iNav") just to load the DHTML menu into. EX:
Code:
var FirstLineFrame=parent.iNav; // Frame where first level appears
var SecLineFrame=parent.iNav; // Frame where sub levels appear
var DocTargetFrame='icontent'; // Frame where target documents appear
However I would like to avoid this as I really just want the single iFrame on my page and then dynamically load content into the iFrame via the DHTML menu.
This is really only for anyone who has the book and has mastered the concepts of the rollover drop down menus from Chapter 7 in Stuart Langridge's DHTML Utopia book.
Does anyone know what the key is to getting the first menu list to appear inline, rather than as a block, while leaving everything else working as it does already?
Anyone trying out the javascript drop down menus from the Sitepoint Javascript Anthology book might have noticed that in IE7 the sub menus are misaligned, they are offset to far to the right.
Has anyone else come across this problem and does anyone know how to fix it? It has unfortunately broken several of my menus, though if you just try the demo menus from the book in IE7 they also suffer the same problem.
i'm having with a superfish menu i have tried to add to my wordpress site.The menu seems to work fine for the base-level (top parent pages) menu items.But the drop down menus seem to flash on screen for just a second and then disappear when the mouse hovers over the menu items.To see an example, please check out the top menu on this temporary development page: http:[url].....I have tried adjusting the z-index in superfish.css file but it doesn't seem to be having any effect.
View 1 Replies View RelatedI currently have a Drop-Down menu, which has headers you click on to show the links. This menu only allows one drop to be expanded at a time, and can be viewed here [url].
I would like the headers to be able to have 'sub-headers' inside, which also drop-down,to reveal the links. I want them to have a different header colour, and to have the same rule where only one can be open at a time. while keeping the rule with the main headers.
The purpose of the code is to slideToggle open one of two hidden sub-nav bars when either of two different menu items are clicked upon - instead of a drop down menu. What doesn't work is the hiding of the div that is not required, if it is already open. Viewing in firebug shows that the appropriate classes are being applied - I suspect the reason is that slideToggle has been somehow set and cannot be unset via another object - but perhaps that is not it at all?
$(document).ready(function() {
//add .toggle function to appropriate li element
$('#hozmenu li:nth-child(4)').toggle(function () {
//set 4th menu links colour to be green whilst div is shown
$('#hozmenu li:nth-child(4) a').css('color', '#95d890');
$('#toggle_nav_services').removeClass('toggle_show');
[Code]....