Any there any way to make the familiar expanding/collapsing banner ads found on sites like CNET, ZDNet, etc. in JavaScript without having to use Flash? The only thing on the web I've found....
View 14 RepliesThis is a vertical collaps menu I made:
<html>
<head>
<script language='javascript1.2'>
//Scrit Name:Collapsable Menu V2.0
//Created By:Garadon
//E-Mail:Shashalak@hotmail.com
//Homepage:www.the-hive.dk/~donp/
function expand(value)
{
var antal=3;
var i=value;
var move=document.getElementById(i).clientHeight;
if(document.getElementById(value).style.visibility=='visible')
{
document.getElementById(value).style.visibility='hidden'
while(i!=antal)
{
i++;
document.getElementById(i+'t').style.pixelTop=document.getElementById(i+'t').style.pixelTop-move;
}
}
else
{
document.getElementById(value).style.visibility='visible'
while(i!=antal)
{
i++;
document.getElementById(i+'t').style.pixelTop=document.getElementById(i+'t').style.pixelTop+move;
}
}
}
</script>
</head>
<body bgColor=Black Text=yellow >
<table cellspacing=0 cellpadding=0 border=0 id=1t style='position:absolute;left:0px;top:5px;width:150px'>
<tr>
<td colspan=2 onClick="expand(1);" bgColor='#555555'>
<B>
Test1
</B>
</td>
</tr>
<tr>
<td bgColor='#000000'>
<table Border=0 bgColor='#333333' style='width:100%;visibility:hidden' id=1>
<tr>
<td>
Test1
</td>
</tr>
<tr>
<td>
Test1
</td>
</tr>
<tr>
<td>
Test1
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellspacing=0 cellpadding=0 border=0 id=2t style='position:absolute;left:0px;top:24px;width:150px'>
<tr>
<td colspan=2 onClick="expand(2);" bgColor='#555555'>
<B>
Test2
</B>
</td>
</tr>
<tr>
<td bgColor='#000000'>
<table Border=0 bgColor='#333333' style='width:100%;visibility:hidden' id=2>
<tr>
<td>
Test2
</td>
</tr>
<tr>
<td>
Test2
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellspacing=0 cellpadding=0 border=0 id=3t style='position:absolute;left:0px;top:43px;width:150px'>
<tr>
<td colspan=2 onClick="expand(3);" bgColor='#555555'>
<B>
Test3
</B>
</td>
</tr>
<tr>
<td bgColor='#000000'>
<table Border=0 bgColor='#333333' style='width:100%;visibility:hidden' id=3>
<tr>
<td>
Test3
</td>
</tr>
<tr>
<td>
Test3
</td>
</tr>
<tr>
<td>
Test3
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
i just found this jquery script for collapsable panels : [URL] it works fine for me, but the problem is that i have to write all the ID's from the DIV's into the script before. i got a page with a lot auf these panels and i dont want to write every ID in the script. is there any posibility to have only one scipt and when i click one panel it regognize on which i clicked? so i dont want to have the ID's in the script.
this is the script:
$(function()
{
$("#mostrar").click(function(event) {
event.preventDefault();
[Code]....
I have this code that I found online and I'm trying to figure out how to make this collapsable menu open collapsed when the page opens up.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
I have the code below that gives the ability to open and collapse sections.I don't know too much javascript and found this code online. I tweaked it to serve my purposes but it doesn't do one thing. I would like all of the areas to be collapsed when the page is opened.How would I tweak the code below to do that?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
I have a problem. A simple drop down menu that works fine locally on my machine, will not work online after upload.
For some reason the image disappears after clicking to open the nav menu. I want the image to stay visible before & after opening.
Does anyone know, if it is possible to create an explorer-like expandable
tree from an XML File ? I'd like to use it on an HTML web page.
I'm trying to put together this expandable menu that runs sql (using javascript and php). I've got the code below but I'm horrible with javascript and I can't get two things to work.I cannot figure out how to use the closall() function so that when the page opens all selections are closed.I'm trying to get the mouseover colors and clickable areas and the only way I know how to do that is with a table so I thought I'd put a quick table in between the <li> but can't figure out the whole onClick= to incorporate the # so that I can get rid of the <a href> tag part...
Code:
<?php
require("connect.php");
[code]....
I want to create a link which doesn't takes you to anew page but just expands to show it's information . Exactly like the one in FAQs where you click the question and the page expands to show you the answer.
View 5 Replies View Relatedi'm using php include for the left product menu at [URL]
however, when a specific category is clicked on, i would like the menu to stay expand when the page loads.
Doing my own fitness bootcamp site and want to fancy up my front page. My front page loads a picture and I want it to load like flash. What could I do? I have all the Adobe Software, just don't know how to use it.
View 3 Replies View RelatedI load my website in iframe I have put Javascript for auto height, but in my iframe expendable / Collapsible bar is there when page load into javascript my bar is Collapsible so it takes auto height correct but when I expand my Collapsible bar my content is overlapping please give me the solution and I don't want scroll bar for iframe when content expand here is my page: [URL].
And here JavaScript which is I am using:
<script type="text/javascript">
function doIframe(){
o = document.getElementsByTagName('iframe');
for(i=0;i<o.length;i++){
if (/"autoHeight"/.test(o[i].className)){
setHeight(o[i]);
addEvent(o[i],'load', doIframe);
} .....
I have built an expandable menu that displays some categories and subcategories. The menu is populated from a MySQL DB and I'm using PHP to configure the data for the Javascript menu. All of this works correctly.
There are 2 options when using the menu.
1. Click the arrow icon next to the category option. This opens the subcategories for that category while remaining on the current page.
2. Click the category title (text link). This brings you to the category page.
When a user clicks the category title to go to the category page, I want the subcategories for that category to be open when they get there.
Everything seems to be working correctly, until I get to the line to open the subcategory.
I have a web form that I'm creating and it has some expandable checkboxes that need to be restricted based on choice.
This is my criteria:
If someone chooses checkbox number 1, they cannot choose any other checkbox.
If someone chooses checkbox number 2, they may also choose number 3 but not 1 or 4, they must also answer the question that appears below.
If someone chooses checkbox number 3, they may also choose number 2 but not 1 or 4, they must also answer the question that appears below.
If someone chooses checkbox number 4, they cannot choose any other checkbox, and must answer the questions that appears below.
One more caveat: If checkbox number 2 is chosen, and they've filled in all three lines of the question below, I need for them to dynamically add more lines as needed.
I have attached my web form so you can see what I've done. I've researched these options and tried code from various examples but I can't seem to get it to work.
I loading my website in iframe i have put Javascript for auto height, but in my iframe expendable / Collapsible bar is there when page load into javascript my bar is Collapsible so it takes auto height correct but when i expand my Collapsible bar my content is overlappingnd i don't want scroll bar for iframe whencontent expand here is my page:and here JavaScript which is i am using:
<script type="text/javascript">
function doIframe(){
o = document.getElementsByTagName('iframe');
[code].....
I need a simple javascript that I can use in my HOME page.index.html has a flash animationnoflash.html is a page without flash animationKindle does not support Flash and therefore i want to redirect my index.html to noflash.html page.
View 2 Replies View RelatedI work for a company called Best of the Best (www.botb.com). We use Flash countdown clocks to mark the end of our competitions. The issue we now have is that our clients are using mobile platforms more and more and as bloody Apple wont support flash (not fully anyway) we need the option to detect whether our users have flash and if not then replace the current <OBJECT>Blah Blah Parameters etc</OBJECT> with <DIVCLASS="NON_FLASH_CONTAINER">All other bits in middle</DIV>Is this at all possible?
View 1 Replies View RelatedI'm trying to put some code together to create an image-swapping system, that when you click on the image it'll hide the image and replace it with a given iframe vimeo/youtube code...The swapping part works fine, however when the iframe loads up, it hides all other flash objects in the page, and I can't figure out why.Here's the JS
Code:
function swapvideo(w,h,url) {
document.getElementById('video_pholder').style.display='none';
[code]....
need help to modify this code to make it work in IE . other browsers works fine.
<
script src="js/jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script>
<
[code]....
I've got a couple of problems that I cannot figure out how to do.
1. I'm trying to create a list where clickable items are visible on a page and then when clicked they expand to read a text file and stay expanded until I click them again to collapse. I've got this partially working except when I click on the item now(machine1 for example), the item I clicked on is replaced by html/txt file(machine1_output.html). Then the links are not available unless I hit the back button in the browser. Instead I want them both displayed and I want to be able to see all the items in the list and have the items expanded too. The reason for this is I want to be able to click all the links, have them display what's in the html/text file and be able to do a CTRL+F to search for an item. Is this possible?
2. When I add a third item(machine3 below) to my list none of the items are clickable. code...
I wrote my first script, which was designed for innerHTML, and tann I found a website which showed me a few things. It showed me how to use two links per harder, one shown, one hidden, and they just swap out. The final outcome allows ot to do almost any and everything I want ot to.
First and foremost, here is the script:
function veksle(id,vi){
eclipsed = document.getElementById(id+"co");
enlightened = document.getElementById(id+"ex"); if(
eclipsed.style.display == "block"){
[Code]....
I've set the menu to only allow one menu opened at a time. Thus, it is prudent to add an expand all link. I've searched all through the web and have found nothing.
I have created no flash pages and flash pages, but instead of creating a portal at the front of the site that leads you to a flash site and a no flash site id like to do it so the page detects flash or not, and redirects to whichever URL.
Is this possible, or do multiple browsers cause problems ?
I have created a transparent flash video (virtual spokesperson) for my website. For demoing purposes, I would like to have this appear on any desired website.
This is what I am trying to produce - here a virtual spokesperson appears on the [url]website: [url]
Have a look at other sites which enable one to type in a URL and their demo virtual spokesperson appears on the given site: [url] [url]
I believe they do this within an iframe to display the underlying website.
I am new to javascript, and am having an issue, which I'm sure is elementary.. I found a script for expandable content, it suffices fine. As it stands, the script toggles images onclick. For example, whence the menu is collapsed, it displays "plus.gif" next to it, and when the menu is expanded, it displays "minus.gif" next to it.
Basically, what I would like to know is, thus: how would I change it to display text icons next to it? For example, in place of "plus.gif" I should like it to display "+" as actual text. I've dredged a number of places, however, I've found nothing. Furthermore, I cannot figure out how to do it.
I'm looking for websites that do Flash-like things but without using Flash, only with Javascript/ajax.
I'm not looking for a particular effect, I just want examples of sites that have the coolness and eye-catching factor that Flash can have - know what I mean?
Here is the problem
I have the a hovering div, within that div i have settings that people
can change, but for some reason there needs to be a smal flash
animation with a continual sound clip. When a user clicks close the
hovering div should be removed from the domtree thus removing the div
and the flash movie.
In FF this works fine.
In IE it also works, in that the div is deleted, but for somereason the
sound continues to play on the page. Even though the flash element
doesnt exist. Have done a document.getElementById(flashmovie) to
determine if its there.
I am removing the node from the tree using
document.body.removeChild(hoveringdiv); where hoveringdiv is the
element itself.
Now as you can imagine the continuous sound is an annoyance. How do i
stop flash playing, and hence remove the sound, or how do i mute the
flash. Is this possible in Javascript? I cant access the swf or
actionscript.
Also if this isnt possible can someone point me to where i can learn
about how IE handles sound within a webpage so i can see if there is
some pointers in there.