Dynamic Drive Forums - JavaScript

Questions to "Bullet List Accordion Menu with nested levels"

Archer — Sun, 19 May 2013 23:22:45 GMT

Greetings everyone,

Since I'm new here I'd like to say a few words of thanks for this site. As you can see I'm new here, and I'm very glad I found this place. But, as you might have guessed I have a problem and would be glad for any help you can offer ...

Very recently (well yesterday in fact) I more or less stumbled onto the Dynamic Drive while searching for a new collapsible menu script for my own homepage. A while ago with an update of Firefox I noticed that the DHTML script I had been using for the past 12 years didn't seem to work anymore with current browsers. Only Google Chrome seems to still be compatible (or my homepage seems only to be compatible with Chrome). This presented several problems:

First I know next to nothing about DHTML nor JavaScript, and couldn't find what's wrong. Since I hadn't changed anything to the script it seems the problem might be with the age of the script itself, which as you can see is pretty ancient.

Secondly the guy who wrote the script seems to have fallen of the earth. Well at least I couldn't find him anymore. His homepage was gone, and google was of no real help either since all references I found to the guy returned me to his now nonexistant homepage or an email address which also doesn't exist anymore.

Thirdly I had no luck for weeks in finding any kind of replacement - most likely because I didn't know exactly what to search for. I found many DHTML and JavaScript menus but most of them were of the kind that fold outward or down, but that's not easy to implent into my three frame homepage without completely changing everything.

So to cut a long story short I finally found what I was looking for here: it was the "Bullet List Accordion Menu with nested levels". Basically it does exactly what mine does, it works with frames and it even looks quite a little neater: http://www.dynamicdrive.com/dynamici...enu-bullet.htm

Nevertheless two problems remain:
- I cannot find the style parameter that lets me put the headers a little closer together. At the moment there's a quite big gap between them (a minor cosmetic problem)
- In my old menu I could assign a link to every header. In the new menu as I find it now I can only assign links to submenus and menu items. I tried to implement a link to a header, but it wouldn't work. This poses a larger problem, because in my homepage every menu header as well as every submenu and item opens a separate link.

That's the modification I tried so far:

CSS Library
/shows the link on the bottom of the browser window on mouseover but does not open any link/

Horizontal CSS Menus

Vertical CSS Menus

CSS Drive

CSS Gallery

Menu Gallery

Blue Color

Green Color

Orange Color

Red Color

Brown Color

www.archertours.de

drop down menu 'on state..'

claytonbrown — Sun, 19 May 2013 20:27:48 GMT

alright, so first of I am not extremely knowledgeable in CSS or JavaScript for that matter and apologize in advance if this question pertains more to JS then CSS. I also am sure I am about to slaughter some terminology, but here goes:

The site in question is ShawnTrautman.com.

We recently implemented the uber menu script and love it. There is just one issue: When you hover the main button that then releases the drop down the button shows its hover state, which for now is underlined text and a slightly darker BG, however, once you move your mouse down to the drop down options the hover state falls off... we want to go with a much more contrasting hover state, but it looks bad when it turns off upon mouse off...

Ultimately we want the hover state of the main button to remain active while the mouse is over any of the options in the drop down.

Any ideas on how to fix/create the intended effect would be greatly appreciated.

Thanks in advance

Help with jQuery form validation

reisve — Sun, 19 May 2013 09:09:20 GMT

Hi.
Can someone help me finding why the jQuery is not validating the form on the following page? I'm new to jQuery...

Code:





  

  Neg�cios Angola

  

  

  



  

  



  

  

  

      

      

        

                

                

        


      


      


      

INFO LINE      


      



  

  � Adicionar Categorias


                

  


      


      

                                                                                   

    Adicionar novas Categorias  


  

    

      

        

          

          

        

          

        

        

          

          

        

        

          

        

          

          

        

        

          

        

        

          

        

      Categoria Parente: 

            

          
 
Nome da Categoria: 
 
Descri��o da Categoria:  
 


    


  


      


      

        

          Neg�cios Angola - © 2012 


          Contactar o Webmaster

Thank You

Dynamic Carousel Slideshow

u jayakodi — Sat, 18 May 2013 13:22:41 GMT

U jayakodi

I have re-worked on the good old Carousel Slideshow code to make it look simpler and added dynamic features to change direction of rotation with the 4 arrow keys, change the speed with + - keys, move the carousel with PgUp / Dn keys and change the size with / * keys; the code is as given below and works well with IE for me.

Code:

Happy coding for all.

why slide show is not shown by browser

dasht — Sat, 18 May 2013 10:37:57 GMT

hi!
i am doing a project and want to make slide show of images and using this code for this but in browser it is not displaying that slide show plz help me and inform me if their is any mistake i am doing. need your early response. thanks in advance.

Code:

I want to hide this form on submit using javascript

qwikad.com — Wed, 15 May 2013 18:33:37 GMT

I'd like to hide this form after the submit button is pressed. Any ideas how I can do that? Thanks!!

Code:





"  method="post">

  

    

      

    

    

      

      

    

    

      

      

    

    

      

      

    

    

      

      

    

        

    

      

    

            

      

    

    

      

      

    



        


    

      


    

   

     

   


  
: * 
: * 
: * 

      
: * 

      


        captcha.png.php?">
:

Regarding Jquery Issue

round — Tue, 14 May 2013 05:42:15 GMT

Please open this page - 111.118.165.66/~giveandg/index.php/office-supplies.html
Then see the sidebar Shopping Options in that Price. If you click on any one the result should be filtered but because of some jquery it is always giving no products matching the selection message.

Any idea? Please.

Thanks
Kaushal

Drop-Down Menu project

MissMusical — Fri, 10 May 2013 12:47:18 GMT

I am trying to create a drop-down set of menus that lists five sports, when a sport is clicked on, another drop-down opens with three links for that sport. When a link is clicked, it will take the user to the website for that link. Here is what I have so far, PLEASE help! I need to get this done today. Thanks!!

Code:

















Select your sport:

Json parse error on

jelly46 — Fri, 10 May 2013 08:56:47 GMT

Hello

I am unable to to edit a json file i need to add some updates but i keep getting

Code:

Error: Parse error on line 8:

...           "text" : "



   company name -----------------------^ Expecting 'STRING', 'NUMBER', 'NULL', 'TRUE', 'FALSE', '{', '[', got 'undefined'

I am trying to add a paragraph with a section and when i put a

i get the error

here is the code, please can you assist?

Code:

{

     "subSections":

     [

         {

           "title" : "The main website",

           "url" : "main-website",

           "linktitle" : "The main website",

           "text" : "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
"

         }, {

           "title" : "The main reception",

           "url" : "main-reception",

           "linktitle" : "The main reception",

           "text" : "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
"

         }, {

           "title" : "A heading",

           "url" : "a url heading",

           "linktitle" : "A heading",

           "text" : "Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Our role involves ensuring that there is a warm friendly service for our patients and families when they come to GOSH.
 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
 It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
"

         }, {

           "title" : "A heading",

           "url" : "a url heading",

           "linktitle" : "A heading",

           "text" : "Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
"

         }, {

           "title" : "A heading",

           "url" : "a url heading",

           "linktitle" : "A heading",

           "text" : "Lorem Ipsum is simply dummy text of the printing and typesetting industry.
"      

         }, {

           "title" : "A heading",

           "url" : "a url heading",

           "linktitle" : "A heading",

           "text" : "Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
"

         }, {

           "title" : "A heading",

           "url" : "a url heading",

           "linktitle" : "A heading",

           "text" : "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
"

         }

     ]

 }

Help adding multiple drag and drop objects

kyero — Fri, 10 May 2013 07:25:04 GMT

I recently received help from this forum post about DOM Drag and Drop script and I wanted to know how to get many of those boxes.

I am relatively new to HTML (couple weeks) compared to some people here, and need help!

How to add more boxes using the Script.

And how to add a HTTP link to the image.

Does not seem to work if i add it before the image.

The DOM Drag and Drop script was from:

http://www.dynamicdrive.com/forums/s...reloading-page

(I removed the reset box)

I am "HTMLing" this website for personal use. And here is the HTML:

Code:









Chris



  



   Home


   Chris


   Pia


   Kye


   Sponsors


   LiveChat


   About


   Contact






  


  






  Handle

Btw First post and please help! :o

Shortening a huge list using an array value

jason_kelly — Thu, 09 May 2013 18:57:57 GMT

Hello Guru's

I need your help,

As you can see below, I will end up having a huge list of code to accomplish an onblur and on focus scenario for a div and an input field. Is there a way to create a "list" and loop through it to accomplish what this code does line by line? Since I will have over 20 fields the page of code will be quite long.

Code:

document.getElementById('f1').onfocus = function() {

    document.getElementById('f1').style.border = '1px solid #0033CC'

    document.getElementById('div_rssims_prefix').style.color = '#0033CC'    

}

document.getElementById('f1').onblur = function() {

    document.getElementById('f1').style.border = '1px solid #ABADB3'

    document.getElementById('div_rssims_prefix').style.color = ''   

}

document.getElementById('f2').onfocus = function() {

    document.getElementById('f2').style.border = '1px solid #0033CC'

    document.getElementById('div_rssims_firstname').style.color = '#0033CC' 

}

document.getElementById('f2').onblur = function() {

    document.getElementById('f2').style.border = '1px solid #ABADB3'

    document.getElementById('div_rssims_firstname').style.color = ''    

}

document.getElementById('f3').onfocus = function() {

    document.getElementById('f3').style.border = '1px solid #0033CC'

    document.getElementById('div_rssims_middlename').style.color = '#0033CC'    

}

document.getElementById('f3').onblur = function() {

    document.getElementById('f3').style.border = '1px solid #ABADB3'

    document.getElementById('div_rssims_middlename').style.color = ''   

}

An ideal list would be:

Code:

f1,div_rssims_prefix

f2,div_rssims_firstname

f3,div_rssims_middlename

ect.

Coloring the fieldname when the cursor is placed in an input box

jason_kelly — Thu, 09 May 2013 14:59:08 GMT

Hello,

I need your help,

How can I use javascript to automatically change the color of the field name (in red) above each of the input textboxes once the cursor has been placed or clicked in the textbox.

Then if a new textbox is selected, it will revert the previous selected field to its default color (black) and color the newly selected field name?

Code:



















    

        

        

        

    

    

        

        

        

    
FIELD1 FIELD2 FIELD3

script causing 404 and other issue in HTTPS...

claytonbrown — Wed, 08 May 2013 20:09:05 GMT

Ok, so first off I am a beginner with JS -

We implemented a neat script for a drop down menu and as we are nearing launching the new site with the new menu we found a major issue. When we go the cart (or any https page), we notice in google tracking that we show up as a 404 error, which appears to be the .js file reaching out to 'blank.htm' - which I have found in the file, but don't know how to modify the function so the script will work. Also, in the cart, upon hovering over the menu, the header from above appears to flash underneath it.

This is code in the .js file that I think we need to adjust:

Code:

addshim:function($){

        $(document.body).append(':blank')+'" style="display:none; left:0; top:0; z-index:999; position:absolute; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no">')

        this.$shimobj=$("#outlineiframeshim")

},

Here is a link to view the new design of our site: http://shawntrautman.com/index.aspx?theme=124

Any help would be greatly, extremely appreciated-

Displaying php validation results through javascript

letom — Sun, 05 May 2013 11:20:45 GMT

My Question is little complicated,
I have the following code in Jquery which submits a form and display the validation result from the destination page.

Code:

submitHandler : function(form) {

if($('#login').submit(function(){return false;}))

{

$.ajax

({

type: 'POST',

url: $('#login').attr('action'),

data: $('#login').serialize(),

success: function(data) 

{

$('#results').html(data);

}

});

}

return false;

},

The destination page is in php. The content displayed in #results is php processed validation results

My Issue is - Iam getting some alpha numeric strings with the validation result as follows

{"output":"","status":-1,"error_messages":{"error":["please enter your name."],"success":[]}}

This is because i have a php file called message.php this validation results should be come through message.php. it is exactly processing and stripping the unwanted characters and displays the error message properly.

Is there any way to do this in the above JavaScript(Jquery)that the the validation results should come through message.php instead of direct displaying to avoid putting unwanted characters in validation results (only validation result should be displayed)..

Or any other suggestions you have ?

Looking forward for a favorable action..
I don't think i will get a accurate support about this issue from this forum... but may be ...

Regards TOM

Categoria Parente:

Nome da Categoria:

Descri��o da Categoria:

Dynamic Drive Forums - JavaScript

Questions to "Bullet List Accordion Menu with nested levels"

CSS Library /*shows the link on the bottom of the browser window on mouseover but does not open any link*/

CSS Drive

drop down menu 'on state..'

Help with jQuery form validation

Dynamic Carousel Slideshow

why slide show is not shown by browser

I want to hide this form on submit using javascript

Regarding Jquery Issue

Drop-Down Menu project

Json parse error on

Help adding multiple drag and drop objects

Shortening a huge list using an array value

Coloring the fieldname when the cursor is placed in an input box

script causing 404 and other issue in HTTPS...

Displaying php validation results through javascript

CSS Library
/shows the link on the bottom of the browser window on mouseover but does not open any link/