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 RepliesI 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 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 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]....
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 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.
I 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].....
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...
ok. i am having trouble with this code:
<head>
<script type="text/javascript">
<!--
[code]...
Can someone tell me what I am doing wrong? I have tried all the coding and it acts as a pop up when you click enter site.
Here is the coding for the form code...
How do I make this link not null? I'm getting a firebug error from it.
Code: ajax.get(link.href + '&ajax=1', function(responce){
What I want to do is make a link appear after a user clicks a link, which would make a new tab open. So basically, the user clicks the link and it opens in a new tab, and back on the website a link appears.
View 6 Replies View RelatedI want to make a link that will have a pop up with radio buttons. The user will press the buttons that make sense to them. This will then be put back into a form they are already filling out. Where can I learn to do something like this?
View 2 Replies View RelatedI am using
Code:
window.open('../move_delete_contact.php?ID=[ID]&action=edit')
to open up a window but this opens a new window is there something to make it so that it opens in the same window instead of a new window?
I started using jQuery yesterday so im a noob. I have a navigation bar, and i want it to display a background image on the active menu item. (Like the top most menu on this website, it has a little blue underline)
[Code]...
Line 2: It loops though all the <a> tags in an <UL> with id nav_prim. (The <a> tags are inside of <li>'s in the <ul>.
Line 3: I check to see if the <a> tag's href atribute is the same as the URL of the page, if it is
Line 4: i want that specific <a> tag's background-image to be images/nav_bg.gif.
I can't get it to work. In firefox i get the error " $("ul#nav_prim a")[i].css" is not a function.
Why is that? Can anyone please help me? As i've said im new to jQuery and Javascript in general aswell.
I'm new to jQuery, but learning fast, and loving the new functionality!I'm using a Flash upload component that all works fine, and once it's complete (file uploaded) it calls function.I'm running the Flash upload in a modal (nyroModal - very cool!). The link below does what I need it to do - navigate to a new page and re-size the modal:<a href="test2.aspx#blabla" class="nyroModal">Ajax Filtering Content #test</a>What I need to work out is how to make the JS function above work in the same way as this link. I know very little JS, but I think the 'class="nyroModal" needs to be part of the link in the function some how??
View 3 Replies View RelatedI have a button given like this: <a href="test.php"><input class="test" type="test"></a>
I have a CSS that defined the button as an image, and on hover the button changes.
However, on hover, I'd like there to come a drop down that for example link to test 1, test 2, test 3.
How can I make a link or banner to be hidden after x clicks on it? And if possible to count only different IP clicks? Like if 30 users click on the banner and it is no longer shown in the site, unless I put some more clicks for it.
View 2 Replies View RelatedMake the links below open in the "top" or "parent" frame of a window. For example, in HTML, code...
I just do not know how to make the links below perform in the parent window. (or even a new window if that is only possible.)code...
I have made a javascript image viewer where there are thumbnails at the top and when you click on them the bigger image below the row of thumbnail image changes accordingMy question is, how do i make the larger image become a hyperlink to the corresponding page it represents. Alternatively, it would not be a problem if a caption could be displayed below which i could make into a hyperlink.Here is my script .js file
function img1click() {document.IMG.src="imagelibrary/dazzlebig.jpg";}
function img2click() {document.IMG.src="imagelibrary/gunshotbig.jpg"}
function img3click() {document.IMG.src="imagelibrary/searoombig.jpg"}
[code]....