Using .append To Build A Complex Menu?

Sep 23, 2010

To build a menu block which should be switchable with hide/unhide of the menu items, I'm using .append html.

navigat += '<h3 class="infoH3"> <a id="' + menuID +'"'
+ ' href="javascript:slideMenu('' + menuSlider + '');">'
+ menuName + '</a></h3>';

[code]....

At the moment I build those html elements line by line. Also OK .. as far as the resulting string has the opening and closing tag, eg.

"<li>aMenu2</li>".

As can be seen from above posted code there is a line "<div id="' + menuSlider + '" style="display:none">".Appending that -- AFAIS -- the .append is automatically (????) adding "</div>" which closes the statement.That breaks my idea of the whole concept! The menu part isn't included in the 'menuSlider '.How to change it -- NOT to have that "</div" added to it?

View 15 Replies


ADVERTISEMENT

JQuery :: Build A Menu Block Which Should Be Switchable With Hide/unhide Of The Menu Items?

Apr 26, 2010

To build a menu block which should be switchable with hide/unhide of the menu items, I'm using .append html. The code idea is this:

[Code]...

As can be seen from above posted code there is a line "<div id="' + menuSlider + '" style="display:none">". Appending that -- AFAIS -- the .append is automatically (????) adding "</div>" which closes the statement. That breaks my idea of the whole concept! The menu part isn't included in the 'menuSlider '. QQ: How to change it -- NOT to have that "</div" added to it??

View 2 Replies View Related

Ajax :: How To Build Menu Dynamically

Feb 8, 2010

I've got this XML file:
<?xml version="1.0" encoding="utf-8"?>
<Menu>
<Section>
<Title>Product Information</Title>
<Topic url="howto.html">How to use This Product</Topic>
<Topic url="product.html">Product Overview</Topic>
<Topic url="sysreq.html">System Requirements</Topic>
</Section>
.....
</Menu>

There's more data than that but for brevity that's the way it's constructed and repeats with several Titles and Topics. Here's the JS I'm using to build a dynamic menu. The goal is to pick up the data and build an Accordion menu out of it:
if (window.XMLHttpRequest) {
xhttp=new XMLHttpRequest(); //create ajax var
} else {
xhttp=new ActiveXObject("Microsoft.XMLHTTP"); //IE
} xhttp.open("GET","menu.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;
document.write("<div class='acc'>");
var x=xmlDoc.getElementsByTagName("Section");
for (i=0;i<x.length;i++) {
document.write("<dt>");
document.write("<a href='#'>" + x[i].getElementsByTagName("Title")[0].childNodes[0].nodeValue + "</a></dt>");
document.write("<dd><ul>");
var y=xmlDoc.getElementsByTagName("Topic")[0].childNodes[0];
for (foo=0;foo<x.length;foo++){
document.write("<li class='acc_item'><a href='#'>" + x[i].getElementsByTagName("Topic")[0].childNodes[0].nodeValue + "</a></li>");
} document.write("</ul></dd>");
} document.write("</div>");

It creates the menu correctly... to a point. It has the correct styling, the accordion works perfectly, it has the correct Titles in the correct places, but when I "expand" one of the Titles it lists the first topic only, and lists it 5 times (the same amount of Titles I have). It then repeats this for every section. Example:
Product Information
How to Use This Product
How to Use This Product
How to Use This Product
How to Use This Product
How to Use This Product
I'm not very confident in the syntax, or what it is exactly doing.

View 1 Replies View Related

JQuery :: Build A Web Portfolio And Want To Be Able To Load Content Into A Div By Clicking On Menu Items?

Mar 20, 2011

I'm trying to build a web portfolio and I want to be able to load content into a div by clicking on menu items. It seems easy but none of the tutorials or videos work for me. It really hard because all the links on my google search have been visited and still nothing works.

View 3 Replies View Related

Complex Script Creation.

Sep 12, 2007

I need help putting together a script that will take all standard text on a page and translate it to another language (spanish or german).

So if I post this script on my blog at any given time (in the comment section) it will change the language for all viewers. Where do I start? Will this work on both FF and IE6/7?

View 4 Replies View Related

Parsing Complex User Inputs

Jul 23, 2005

I have been handed the task of updating and maintaining a web
application, written in ASP and Javascript, that takes complex
user inputs in HTML form and submits them to server-side ASP
pages for processing. The problem is, the user inputs can
become very complex, and the way this application was developed,
the inputs are all concatenated into monstrously long strings
of text that are then submited as <hidden> inputs in HTML forms
and parsed by the server-side ASP. This results in hideous strings
that go on and on like
johnsmith~1232^01^Yes^no~~|43|april

etc. etc. This code is an incredible pain to maintain and update.
There has got to be a better way to do this. I am required to
use javascript and vbscript in ASP pages on the client side,
and ASP pages for processing data on the server side. I can't
switch to a different technology, or use .NET, or anything like
that. I have to use JS and VBScript to get intricate and lengthy
user inputs and submit them for processing. I would like to
store these inputs in objects somehow and then get the data
from those objects, if possible.

View 11 Replies View Related

TreeMenu - Complex Disappearing Problem

Jul 23, 2005

My web page has one unordered list that disappears in Firefox. The
unordered list in question has the class="dir". I double-checked the
source code and verified the markup's semantics. Everything looked
fine. So I placed the code in the W3C validator and it passed with no
errors. Then I placed a regular unordered list with no class before
the previous unordered list. Upon a reload, the new unordered list did
not render, yet the unordered list with the "dir" class appeared. The
whole situation was strange.

After reviewing web page with the DOM inspector, the disappearing list
had been assigned {display: none}. Apparently, my JavaScript for
TreeMenu functionality was the culprit. I attempted to debug the
JavaScript. Sadly, my JavaScript knowledge is elementary even though I
successfully implemented the approach from
http://www.bakketun.net/listmenu/. When my web page became more
convoluted, the JavaScript began faltering along its seams.

Here are my discoveries while debugging (using Venkman). The
elementHasClass() should match the "element.ClassName" with
"TreeMenu." If not, the function return false. Unfortunately, another
function passes the div element to the setMenu(); then the said
function assign the display attribute; block or none.

But I can not pinpoint where the code goes down the wrong path;
needless to say develop a solution.

Please review the site below and let me know if you have suggestions.
View source and search for class="dir"; the disappearing list has the
text "test." Problematic code JavaScript area may include the line
listed below. This posting was intended as a short description.
Further clarification will be gladly provided if someone shows
interest in a particular aspect. I have pages of notes on the
debugging process.....

View 1 Replies View Related

Can't Move A Complex Object From One Frame To Another

Jul 20, 2005

I am trying to implement JavaScript that will remove a table row in frame [left],
and append it to a table in frame [right]. The browser is IE6.

I've played with several approaches for quite a bit of time, but none of them seem
to work. The removed row does not seem to be able to go across the frame boundaries.

Here is the code in the target frame [right] that is invoked by a button in
frame [left]: Code:

View 1 Replies View Related

JQuery :: Getting Td Value - In Complex Table Structure

Jan 3, 2012

I have a nested listview in my app which creates table inside table at runtimei need to get value of td from second tables tr where i have row number of first tables tr?

<listview1>

View 6 Replies View Related

Problem With SetTimeout And Complex Args

Apr 19, 2006

I'm trying to add a timeout to the mouseout behavior, to keep the menus open for a split second after the user mouses out. (IE 6 only for now).

I'm having trouble using the the setTimeout function with a complex statement. Here's the function:

function mouseOutActions(el) {
//el.className=el.className.replace(new RegExp(" sfhover"), "");
setTimeout(el+"'.className = '"+el+"'.className.replace(new RegExp(' hover\b',''),'');",2000);
}

View 2 Replies View Related

Referencing Complex Table Cell Contents

Aug 1, 2005

How can I access a DIV item in a given row/column, which itself is a cell of
another table of some other given row/column??? I.e. an element of a table
in a table! I have been trying to use GetElementByID, by Name, etc.. but not having much
success.

View 3 Replies View Related

Complex (?) Q: Run Asp Script / Reload Form List?

Oct 6, 2005

What I'm currently doing is returning a list of images in a directory via a form list. I'm an asp guy so vbscript is the way I'm doing this:

<select name="image" size="10" onChange="generateimage(this.options[this.selectedIndex].value)" align=left>
<%
Dim FSO
Dim Files
Dim File
Dim Count
Set FSO = Server.CreateObject("Scripting.FileSystemObject")
Set Files = FSO.GetFolder(Server.MapPath("./moms_images/")).Files
Set FSO = Nothing
Count = 0
For Each File In Files
Select Case LCase(Right(File.Name, 3))
Case "jpg", "gif", "bmp", "png"

Response.Write "<option value='" & File.Name & "'>" & File.Name & "</option>"

End Select
Next
Set File = Nothing
Set Files = Nothing
%>
</select>

What I *hope* to be able to do is allow a file upload (also vbscript) from a pop-up window and, when the upload is complete, refresh the list (above) without reloading the page (AJAX fever, methinks)

The only thing that would make it even cooler would be to auto-select / display the newest upload otf (I use dhtml to display the images on-select ala dynamicdrives example).

I realize this is a fairly tall order, but would be greatful for any pointers or weblinks for this js-challenged soul to use to get started.

View 2 Replies View Related

IE 5+ Bug? How To Store Complex Objects Whilst Changing Pages

Jul 20, 2005

Does anybody know why IE5+ does *not* honour array objects (like a table)
across a session?

Example:
Frame A contains a var tableVar which is set via form Frame B (on init)
using top.A.tableVar = document.getElementById("someTable");

As long as Frame B is *not* 'refreshed/ reloaded' witk another page the
variable in Frame A is ok.

However, when the page is changed it just 'kills' the rows in tableVar.rows
(the lenght just turns to 0).

When tested with something simple like a String (instead of a table) the
above mechanism works as expected.

After two full days of mucking about this is strting to smell funny.
Does anybody have any idea/ suggestion as to the what and/ or why of this
behaviour.

View 9 Replies View Related

JQuery :: Getting Selected Option From A Complex Drop Down List?

Oct 20, 2011

I am having trouble getting the selected option in a list of more than 20 items in sharepoint, The code below works for lists of 20 or less but not for lists of greater than 20. If any one has a snipet of code that will enable me to set a variable with the selected value from a complex dropdown it

[Code]...

View 1 Replies View Related

Adding Google Maps With Custom XML To This Complex Site?

Jul 23, 2009

Enter a search term and:1) Google Blog Results show up2) Twitter Search Results show up3) Google Maps with custom xml data shows upI have accomplished the first 2 parts - http://www.justincener.com/xmlI now want to add in Google Maps. The idea is to type in a athlete's name and have results come back from Google Blog Search (done), Twitter (done), and Google Maps. I only need to show 2-3 choices, so I want to create a custom Google Maps XML doc that corresponds to a few search terms. For example, when someone types in "Tom Brady", I want a Google Map to also come up along with the Google Blog and Twitter Results.

On the map, I want to plot 4 points showing his 4 next games. I think I know how to create the custom XML for GMaps, but I don't know how to implement it so that when someone enters input, the GMaps will show up. Can anyone get me started in the right direction please?Here is the JS so far that handles Google Blog Results and Twitter Results:

var errorCount=0;
var twitter_link;
function searchGoogle(query)

[code]....

View 16 Replies View Related

JQuery :: Complex Form Hiding Input Depending On A Tick Box

Aug 5, 2009

I am writing an accounting sofware, and I have difficulties with the form used to enter the debit and credit for a given transaction. I have used the Jquery validation plugin demo, but I don't know how to hide a specific input cell and replace it by blanks. In accounting, you have either a credit or a debit. So I have an indicator tick box at the beginning of each line which defines whether the line is a debit or credit, and if so it hides the credit cell or debit cell.

</head>
<body>
<h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-
plugin-validation/">jQuery Validation Plugin</a> Demo</h1>
<div id="main">

[Code].....

View 1 Replies View Related

JQuery :: Moderately Complex Function - Apply The Href Attribute

Feb 1, 2011

This isn't working. I'm using the code below to try to apply the href attribute of the first td in a row with class DataFormListTDDataGridItem and apply it to all td elements in that row (effectively want to make entire row clickable and direct it to the href specified by the href attribute in the first td of the row) -

Table looks like this -

View 9 Replies View Related

JQuery :: SuperFish Menu - Change Space Between Menu And Submenu In Navi-bar Type Menu?

Feb 15, 2011

I have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....

Attachments
superfis.JPG
Size : 11.4 KB
Download : 306

View 1 Replies View Related

Vertical Menu - Height Of The Second Level Menu Results In Their Being Gaps In Between Each Menu Item

Jun 3, 2009

The problem is that the height of the second level menu results in their being gaps in between each menu item so that as you move your mouse down the second menu items it quickly closes again. scripting novice fix this by telling me which variable I need to change either in the Java script or the CSS files.

View 2 Replies View Related

How To Build A Library In JS

Aug 16, 2006

I am new to javascript and intend to build a custom library. After
saving independent files which contain separate functions, how does one
build the library?

View 2 Replies View Related

Need To Build A 'Progress Bar' With Javascript

Jul 23, 2005

I've got the following problem: i need to build a "progress bar" with
JavaScript. So far i have the following configuration: i've got a DIV
inside of a DIV. Each DIV has a style attribute that defines its width and
other style information.

I need to calculate the size of the incremental block based on various
factor like Width of the outside DIV, incremental interval and number of
increments. My original solution was to assume that all of the units are in
'px' so i could just deal with integers. However now i hit a brick wall,
when i realised that this is anything but scalable.

So what i need to do now is to obtain a width of the DIV from its style
attribute (had it hard coded before), do the calculation, and then use the
result to increment the size of the inner DIV (width element in the style
attribute)...

View 1 Replies View Related

JQuery :: Build Own Class To Be Used

Jan 13, 2011

I have a problem with new class implementation used with jQuery.in standard as far as I know my objects can be defined as follows:[code]will not work because 'this' refers in this case to results from xml....so how can I do it?How can I refer to property of the object PicturesList?

View 1 Replies View Related

How To Build In Link From Array

Jun 28, 2010

I want to create a 'go forward' and 'go back' link on each of roughly 100 pages. Rather than insert a hyperlink (a href) I would like to build it from an array or list, because the actual links may change. So I was hoping there may be a way to do something like this: link xxx.html+1 or xxx.html-1 I have no idea if this is even the right forum for this!

View 1 Replies View Related

Animation Build Up - How To Stop?

May 9, 2011

I am having a terrible problem with animation build up.have searched and found various codes to stop,but can't implement in the .js in a way that works.

var droplinemenu={
arrowimage: {classname: 'downarrowclass', src: 'down.gif', leftpadding: 5}, //customize down arrow image
animateduration: {over: 200, out: 600}, //duration of slide in/ out animation, in milliseconds[code].....

View 1 Replies View Related

Build A Forum Using HTML?

Mar 15, 2010

Is it possible to build a forum using Java-Script and HTML??

View 3 Replies View Related

Build A Treeview Which Is Bound To An XML ?

Nov 18, 2010

Can we build a treeview which is bound to an XML using JAVASCRIPT and add/delete/modify nodes?

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved