jQuery Help Forum

Help, I'm stuck :: Can't replicate this jump menu due to small brain

Author: johnb
Subject: Can't replicate this jump menu due to small brain
Posted: Fri Jul 04, 2008 2:59 pm (GMT 0)
Topic Replies: 0

I'm just trying to replicate this jump menu: http://filamentgroup.com/examples/RollAUI/jumpmenu.php

I don't want the ability to change theme or anything like that i simply want that menu.

I have tried for an hour and a half now and i have nothing. I feel useless.

Here follows some of my pathetic attempt.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="/assets/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
      //ui states
      $('.ui-default-state').hover(function(){
            $(this).addClass('ui-hover-state');

         }, function(){
            $(this).removeClass('ui-hover-state');
         }
      );
      $('.ui-arrow-down-default').hover(function(){
            $(this).addClass('ui-arrow-down-hover');
         }, function(){
            $(this).removeClass('ui-arrow-down-hover');
         }
      );

      $("#jumpMenu").mouseover(function(ev){
         if ($(ev.target).is('.ui-active-state')){
            return false;
         }
      });


      //jump menu
      $('#menu').hide().find('li a').hover(
         function(){
            $(this).addClass('ui-hover-state');
         }, function(){
            $(this).removeClass('ui-hover-state');
         }
      ).click(function(){$('a#trigger').trigger('click'); return false;});
      $('a#trigger').click(function(){$($(this).attr('href')).slideToggle(); $(this).toggleClass('ui-active-state'); return false;});
      $(document).click(function(){if($('#menu').is(':visible')) $('a#trigger').trigger('click');});

});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
   .ui-default-state { padding: .5em 1em; cursor: pointer; }
   #trigger { text-decoration: none; display: block; width: 4em; position: relative; z-index: 2; }
   #trigger span { padding-right: 1.3em; background-position: right 50%; margin-right: 3px; }
   #trigger.ui-active-state { border-bottom: 0; }

   #menuContain { position: relative; z-index: 1; display:none; }
   #menu { position: absolute; width: 15em; background-image: none; padding: 0; list-style: none; margin: 0; top: -1px; }
   #menu li a { padding: .5em 1em; border: 0; text-decoration: none; display: block; cursor: pointer; }
   #themes {padding-left: 20px; font-size: 1.2em; background: url(images/icon_gallery.gif) no-repeat left 50%;}
   #set {border: 2px solid #ddd; padding: 2px; background: #444; float: left;}
   #set a {margin: 2px; border: 1px solid #444; float: left;}
   #set a:hover {border-color: #fff;}
   </style>
<title></title>
</head>
<body>
<div id="jumpMenu" class="ui-component">
<a href="#menu" id="trigger"class="ui-default-state"><span class="ui-arrow-down-default">Menu</span></a>
<div id="menuContain">
   <ul id="menu" class="ui-active-state">
      <li><a href="#">Nav Item</a></li>
      <li><a href="#">Nav Item</a></li>
      <li><a href="#">Nav Item</a></li>
      <li><a href="#">Nav Item</a></li>
   </ul>
</div>
</div>
</body>
</html>

If anyone can help me and show me what i'm doing wrong that would be great. If not, that's okay, i don't mind wallowing in my own self pity.

Help, I'm stuck :: RE: problems inserting html using load()

Author: glens1234
Subject: livequery help
Posted: Thu Jul 03, 2008 7:19 pm (GMT 0)
Topic Replies: 4

hello again. sorry for the delayed reply.

I am still having problems loading the jquery code after the new page has been inserted.

here is one page i have used ajax/jquery...

http://synthsoundz.com/impwood-php/faq.php - click on "page 2" under the text.

I have tried using livequery but it does not seem to work.

Here is the code i am trying...

Code:

$("#faq-page2")
.livequery('click', function(event) {
$('#main-image-container').load('faq2.html');
});

The faq2.html should load but with the row striping applied...

Here is the row striping code...

Code:

$(document).ready(function() {
$('tr:odd').addClass('odd');
});

Any sugguestions why this does not work.
Im really stuggling with this as im new to jquery/javascript etc so your help would be greatly appreciated.

Thanks

Help, I'm stuck :: can this code be shortened??

Author: npsargent
Subject: can this code be shortened??
Posted: Thu Jul 03, 2008 2:49 pm (GMT 0)
Topic Replies: 0

Hi,

I'm new to JQuery (and javascript in general) and just created the following code which works fine. When a user clicks the #category1 element, certain div elements (itemA..ItemN) are either hidden or shown. Based on what the code is doing, would there be a better (shorthand?) way of writing this code?

Thanks!

Code:

$(document).ready(function() {
$('#category1').click(function() {
// hide/show relevant divs
$('.itemA').show();
$('.itemB').show();
$('.itemC').hide();
$('.itemD').hide();
$('.itemE').hide();
$('.itemF').hide();
$('.itemG').hide();
$('.itemH').hide();
$('.itemI').show();
$('.itemJ').show();
$('.itemK').hide();
$('.itemL').hide();
$('.itemM').hide();
$('.itemN').hide();
});
});

Help, I'm stuck :: How to reference jquery-1.2.6.min.js when zipped with gzip

Author: Yminus
Subject: How to reference jquery-1.2.6.min.js when zipped with gzip
Posted: Thu Jul 03, 2008 2:02 pm (GMT 0)
Topic Replies: 0

I am about to use jQuery on an embedded webserver where every kb counts. So i would like to how to reference jquery.js if it is zipped up?
Could I just reference the gzipped file as external javascript file?

I gzipped the jquery-1.2.6.min.js myself and referenced it this way:

Code:

But then the browser tries to parse it as text file and gives an

Quote:

illegal character

error. I tested with firefox and ie on winxp.
Thanks in advance.

[@admin: sry for the double post]
[edit: title]

Help, I'm stuck :: RE: What version of Jquery should I be using?

Author: Yminus
Posted: Thu Jul 03, 2008 11:57 am (GMT 0)
Topic Replies: 6

[edit: opened an new thread]

Help, I'm stuck :: How Do I report an jquery error?

Author: chobo2
Subject: How Do I report an jquery error?
Posted: Wed Jul 02, 2008 7:43 am (GMT 0)
Topic Replies: 0

Hi

I noticed if I do something like this

$("#selectAnyElment").html(0);

The zero will not be represented on the page. In order to get it work I got to convert it to a string(what is a big pain in the ass because I am usually doing some count down thing and that sort of screws up my countdown thing)

So to me this is a bug and I am wondering where do I report it?

Help, I'm stuck :: building jquery from svn

Author: zorglub76
Subject: building jquery from svn
Posted: Wed Jul 02, 2008 5:47 am (GMT 0)
Topic Replies: 0

Hi all,
I have some problems with building jQuery. I checked out the project from repository and tried to build it using "build all", but got only the "raw" jQuery - for packed and minified versions I received the following error:

min:
[echo] Building ./dist/jquery.min.js
[java] Exception in thread "main" java.util.MissingResourceException: Can't find bundle for base name org.mozilla.javascript.resources.Messages,
locale en_US
[java] at java.util.ResourceBundle.throwMissingResourceException(ResourceBundle.java:836)
[java] at java.util.ResourceBundle.getBundleImpl(ResourceBundle.java:805)
[java] at java.util.ResourceBundle.getBundle(ResourceBundle.java:576)
[java] at org.mozilla.javascript.ScriptRuntime.getMessage(ScriptRuntime.java:3309)
[java] at org.mozilla.javascript.ScriptRuntime.getMessage2(ScriptRuntime.java:3279)
[java] at org.mozilla.javascript.ScriptRuntime.typeError2(ScriptRuntime.java:3367)
[java] at org.mozilla.javascript.ScriptRuntime.undefReadError(ScriptRuntime.java:3381)
[java] at org.mozilla.javascript.ScriptRuntime.getObjectElem(ScriptRuntime.java:1324)
[java] at org.mozilla.javascript.gen.c1._c0(Unknown Source)
[java] at org.mozilla.javascript.gen.c1.call(Unknown Source)
[java] at org.mozilla.javascript.ContextFactory.doTopCall(ContextFactory.java:393)
[java] at org.mozilla.javascript.ScriptRuntime.doTopCall(ScriptRuntime.java:2834)
[java] at org.mozilla.javascript.gen.c1.call(Unknown Source)
[java] at org.mozilla.javascript.gen.c1.exec(Unknown Source)
[java] at org.mozilla.javascript.tools.shell.Main.evaluateScript(Main.java:524)
[java] at org.mozilla.javascript.tools.shell.Main.processFileSecure(Main.java:446)
[java] at org.mozilla.javascript.tools.shell.Main.processFile(Main.java:412)
[java] at org.mozilla.javascript.tools.shell.Main.processSource(Main.java:403)
[java] at org.mozilla.javascript.tools.shell.Main.processFiles(Main.java:179)
[java] at org.mozilla.javascript.tools.shell.Main$IProxy.run(Main.java:100)
[java] at org.mozilla.javascript.Context.call(Context.java:577)
[java] at org.mozilla.javascript.ContextFactory.call(ContextFactory.java:503)
[java] at org.mozilla.javascript.tools.shell.Main.exec(Main.java:162)
[java] at org.mozilla.javascript.tools.shell.Main.main(Main.java:140)
[java] Java Result: 1
[echo] ./dist/jquery.min.js built.

I guess I have to do something with Rhino, but what?

Help, I'm stuck :: RE: Adding class to alternate divs?

Author: Nimbuz
Posted: Wed Jul 02, 2008 4:05 am (GMT 0)
Topic Replies: 3

Oh, it adds the class to ALL Divs, whereas I want it to add only to divs under say <div id="blocks">.

Help, I'm stuck :: RE: Adding class to alternate divs?

Author: Nimbuz
Posted: Wed Jul 02, 2008 3:40 am (GMT 0)
Topic Replies: 3

Great, thanks!

Help, I'm stuck :: RE: How to identify which submit button was clicked: SOLVED

Author: timsewell
Subject: Talk about not seeing the wood for the trees
Posted: Tue Jul 01, 2008 9:31 pm (GMT 0)
Topic Replies: 1

Of course by using ajaxForm instead of ajaxSubmit, it works perfectly.

Now I will go to bed and wake up with less hair than I had this morning.

Help, I'm stuck :: RE: Multiple sets of tabs on one page

Author: Tim
Posted: Tue Jul 01, 2008 9:28 pm (GMT 0)
Topic Replies: 2

No?

The last tab never works for me, and the third one doesn't - unless another tab above is closed.

I've been using FF3, Opera 9.5 and IE7/8beta

Help, I'm stuck :: How to identify which submit button was clicked: SOLVED

Author: timsewell
Subject: How to identify which submit button was clicked: SOLVED
Posted: Tue Jul 01, 2008 9:12 pm (GMT 0)
Topic Replies: 1

Hi

I am tearing my hair out over this.

I am in the process of 'ajaxifying' a form which has four different submit buttons, each of which has a different value and triggers a different set of logic on the controlling script which receives the form's input. This was fine when I was simply using straight php as I can simply write:

Code:

if ($_POST[submit] == "blah") {

//do stuff

}

However I now see that the one element of the $_POST array the JQuery form plug-in doesn't include is the value of the submit button. So what I need to do is identify which of the 4 buttons was clicked then append that data to the POST.

Here is the bit of code in question:

Code:

$(document).ready(function(){

$(".check").append(" <input type=\"button\" class=\"input-submit\" name=\"check\" value=\"Select all\" />");
$("input").focus(function() { $(this).css({backgroundColor: " #f5eab6"})});
$("input").blur(function() { $(this).css({backgroundColor: " #fff"})});
$("input[name='check']").click(function() {
   $("input[@name^='_cx']").attr("checked", "checked");});

var options = {
url:"masterform_process.php?token=<?php echo "$token"; ?>&ajax=1",
dataType: 'json',
success: handler

};

$('#master2').livequery('submit', function() {

$(this).ajaxSubmit(options);

   return false;
})});

Now I guess that this involves getting the index of the submit button clicked and adding that to the POST array (or to the GET querystring would be fine too) but I am stumped as to (a) where and how to identify the index and (b) how to then add it to the data before the ajax query is sent.

I'm not asking for someone to write my code, but if anyone knows of a tutorial or similar which would cover it, I'd be incredibly grateful.

Thanks

Help, I'm stuck :: RE: Draggable story book

Author: mike
Posted: Tue Jul 01, 2008 9:04 pm (GMT 0)
Topic Replies: 1

Nothing pre-built that I know of. Check out the documentation and examples at http://ui.jquery.com/, especially the ones for Draggables and Droppables.
_________________
jQuery Help Board Moderator | No Spam jQuery Plugin

Check the documentation before you post: http://docs.jquery.com/

Help, I'm stuck :: RE: Multiple sets of tabs on one page

Author: mike
Posted: Tue Jul 01, 2008 9:01 pm (GMT 0)
Topic Replies: 2

Did you get this fixed? It seems to be functioning correctly.
_________________
jQuery Help Board Moderator | No Spam jQuery Plugin

Check the documentation before you post: http://docs.jquery.com/

Help, I'm stuck :: RE: Adding class to alternate divs?

Author: mike
Posted: Tue Jul 01, 2008 6:17 pm (GMT 0)
Topic Replies: 3

Yup, sure is! jQuery makes this pretty easy, actually.

Code:

$('div:even').addClass('yourClass');

_________________
jQuery Help Board Moderator | No Spam jQuery Plugin

Check the documentation before you post: http://docs.jquery.com/