I'm currently trying to implement expanding text to links. However, as the links are created dynamically I need to be able to make the DIVs Id-tag 'general' in the script.So, instead of this:
function pageLoad() {
collapseAll($('myvar_1','myvar_2','myvar_3));
}
[code]....
Entire 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.
I have a Web page with two frames.
The left frame has a DHTML-generated tree of links (to images). The
right frame displays the image link you click in the tree of links.
It works great on all browsers except Konqueror/Safari, where it
displays the first image link you click on in the tree of links. But
then subsequent clicks on other links do nothing.
That is, the first time you click on a DHTML-generated link,
Konqueror/Safari loads the corresponding image in the other frame.
However, after that, when you click on links, the other frame is not
updated.
Do you know why this happens?
I'm having trouble figuring out why my image is disappearing when the user clicks on the arrow image to expand text for viewing. The arrow image only disappears if the link text is is more than one line. It remains if the link is only one line of text. Here is the code:
[Code]...
I have an image wrapped inside a link tag.<a href="somepage.html"><img id="content" src="img/some.gif" /></a>
I want this .click target to be the link: $('a').click(function(e){
Instead, the target returned is the image [HTMLImageElement].
I have tried using closest()and currentTarget:
But they all still return the image, not the link.
I want to create a body on html page , i want to add all the functionalities , like change of font size and color when i create the document. and when i read the document in view mode it will show the field in the entered format.
View 1 Replies View RelatedIs there a way to change the displayed text on a web page using some
combination of Javascript and DHTML? NOT in a text box. As far as I
know (with my limited knowledge) the only way you can do this is with
a textbox or images, which is not what I'd like to do. There's gotta
be a way to do this, right?
I've got the following, very basic, working DHTML code...
But I want the final answer to come up as text on the screen rather than as an alert pop-up. Any idea on how I'd do this? I'm very new to web development (been working on it for a day)
Below you will find my code for a web program that takes in changes and will change the last area. I am wondering if i need to make the last box a textarea? Also any help with the javascript will be greatly appreciated and any other ways to make it better will be also.
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
[code]....
This 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]....
Im looking to have a list of text/links, where once clicked are entered into a text box on the same page... and when a second is clicked - it is appended onto the text that is already in the text box - and so on...
View 4 Replies View RelatedI want to use a text link to submit a form and get the POST values instead of an ugly submit button which is difficult to style. I thought it would be simple but I can't do it - whats the problem with this .js?
The problem is I can't get the $_POST variables to perform some conditional logic. I want the user to answer a question submit the form to itself and test the result.
I can do this fine with a submit button but a text link styled as a button looks much better. Do I have to use ajax() function or something to send the from variables to a PHP script?
Is it possible to place links in a text area box? I tried the below but it doesn't work but how can it be done.
<textarea rows="2" name="S1" cols="20">
<a href="http://yahoo.com">Yahoo</a><br>
<a href="http://google.com">Google</a>
I'm trying to acheive a line of text (with multiple links on each line) that change at set intervals.
The code below seems to be working but I can only get working links on the first line that appears. code...
I know how to submit via a text link, using document.frmname.submit(), but you can not attach a value to the A tag, so you can't have several submit links within one form.
I need to do this however! I want to have several text links within one form - submitting to the actionpage, and based on the value of the submit, it will do something different.
Ok, so I know I can do this without problems using the input tag and submit buttons, or I could use seperate form tags for each link, but that would mean a lot of repeating code, and I want to make this as compact as possible.
I have a website containing 26 subdirectories 'a' to 'z'
On the home page I want a text field and submit button
If someone for example types 'j' it will go to the 'j' folder home page
Does anyone know where I might find code like this?
I've got a scrolling text field that runs several pages deep, and I want to pop up multiple floating divs that will appear at the site of the text links (however deep in the scroll field). I can get multiple divs to pop by calling them layer1, layer2, etc. but they all pop relative to the position of layer1 (the only one specified in the javascript file). Is there a way to get each layer to appear next to the text link that fires it? code...
View 1 Replies View RelatedI have a website containing 26 subdirectories 'a' to 'z'
On the home page I want a text field and submit button
If someone for example types 'j' it will go to the 'j' folder home page
Does anyone know where I might find code like this?
On my site, I would like to have jQuery automatically convert all plain-text URLs to links. For example, if I have the following in the BODY tag of my Web page: Go to [URL]to go to the Google Groups home page. I want it to be converted in to this: Go to <a href="http://groups.google.com">http://groups.google.com</a> to go to the Google Groups home page. I'm sure the prepend() and append() functions will be used, but how do I tell jQuery how to pick URLs out of the Web page, if they are not surrounded by separate tags? I'm sure if each URL was in a SPAN tag it would be much easier.
View 1 Replies View RelatedI have an unordered list (ul#garment_selector) sitting in a div (div#program_scroller) and each of the list items has a link that I'd like to display an image and some text into a div on the same page. I don't want any fancy animations or anything like that, I just need to display an image and a related description/price into a new div, preferably without reloading. I have quite a few different lists of links and they change all the time so using an array to define the image/text is impractical for my needs.
View 16 Replies View RelatedI have a website containing 26 subdirectories 'a' to 'z'
On the home page I want a text field and submit button
If someone for example types 'j' it will go to the 'j' folder home page
Does anyone know where I might find code like this?
I have a bit of javascript that is supposed to change picture and its accompanying text when you hover over a bit of link text in another area of the page. This is working, however, the text is toggling without the picture due to an invisible area next to each link. I am not sure if it's an issue with applying my javascript to another bit of code or what.
Here is the code that I have that flips the text:
<script type="text/javascript">
function tabOver(which)
[code]....
Iīve gone thru a few exaples of the 'hello world' equivalent for ajax; the classic example having main.html with div id="main_panel", then having ON THE SAME folder of the main.html file, the few files for getting via ajax and then render itīs content inside div id=main_panel and so on, happy with that;my question is: All of those examples, always get those 'few files', lets say, one.html, two.html, and so, in the same folder where main.html resides; I want to achieve to have the 'some files' in a different folder, letīs say, /editors/ relative to the path where main.html is; Iīve done this, the ajax call works fine; the PROBLEM is that the xmlhttpresponse (consumed ajax text) wich is basically html 4, changes the links (hrefs) in those to the path of main, letīs say, for example, one.html has a link that points to itself, not an anchor, just a link pointing to itself as we often use for pagination of a grid, well, that link href attribute is changed to the path of the main.html file, and not preserving the original href attribute... why? where should I start from? changing the context parametere prior to calling ajax get?
View 1 Replies View RelatedI am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
Here is the script I have, and the button code.
My menu navigation(Home, Hosting Solution, etc..)
1. The submenu links need to be centered in the middle of the div instead of aligned to the left.
2. Can the submenu links have a rounded box appear under them, instead of being underlined links. Like these at the top: [url]
3: The top tab needs to stay gray/active/on when the mouse is moved down to the submenu or when it is the active button.
Here is the link of the site [url]
I'm using jquery/ajax to create some links with window.open method. Here's the relevant code:
$("#content").empty();
$.ajax({
type: "GET",[code]..........
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.