Texto traducido de forma automática:

eso esperamos todos porque yo creo que es un componente muy bueno solo
le falta mejoras como esa y el poder manejar iconos a disposicion del
usuario.

that we waited for all because I believe that is a very good component
just him improvements like that and the power to handle icons to
disposition of the user.

Thanks for looking at it. Removing the stopPropagation call from demo3
didn't help.  I'm using both Firefox 1.5 and  2 on two different
machines and its broken both places.


I finally got the app working by listening to mouseUp events instead
of clicks so there's not much  point in looking at this version any
more.  I'd still like to debug the click problem though if possible.
What do you do to debug something like this? The event inspector
wasn't very helpful since no click events are showing up when i click
on the menu. Printing log entries hasn't been much help either. I'd
like to tell the debugger to break on a click event but I don't think
that's possible unless I already know which code would get executed
next.
http://maps.tafoni.net/MapTypeMenuControl/

This new version has the menu control loaded outside the map (way over
in the upper right of the page) to make sure there are no  map
listeners intercepting the clicks. Its also loaded with
window.console.log statements which make it look like events.js is
never seeing any click events.
http://maps.tafoni.net/MapTypeMenuControl/demo3-disappearingclicks/

The original two versions where it broke are still here

http://maps.tafoni.net/MapTypeMenuControl/demo/    (works)
http://maps.tafoni.net/MapTypeMenuControl/demo2/  (broken)

--
http://www.tafoni.net/

--- In ydn-javascript@yahoogroups.com, John Comerford <johnc@...> wrote:
>
> Hi Folks,
>
> Before I start re-inventing the wheel is there an example of using yui
> autocomplete to create a combo type widget ?  What I  need is pretty
> close to the examples
>
(http://developer.yahoo.com/yui/examples/autocomplete/states_jsfunction.html)

> but with the list of values hidden if the text input is blank and a
> button on the right to show the drop down ?  Thought I'd ask before I
> start coding.
>
> Regards,
> JC
>

Yepper, same here. I do not think there's one, otherwise Dave Glass
may have had mentioned it in his DHTML forms based on the YUI. Correct
me if I'm wrong.

Or has anyone build anything alike and wants to share it with us?

Greets,


Jeroen Sen

yes!! there is a hack:

just use:

overflow: visible;

:-)

martin

--- In ydn-javascript@yahoogroups.com, "mrtkr" <mrtkr@...> wrote:
>
> hi
>
> I have the same problem. It looks like its a firefox problem. On IE it
> works.
>
> But it looks as this is not a yui problem, but more a problem of
> firefox. If you move the div with javascript it has the same effect.
>
> Also if you start with a high z-index for your dragdrop item, it does
> not solve this.
>
> Is there any hack for this?
>
>
> --- In ydn-javascript@yahoogroups.com, "djfep" <djfep@> wrote:
> >
> > I have a drag and drop function that works great if the container
of the
> > draggable things is a normal div. But if I set the overflow to
scroll or
> > auto, then the dragged items stay inside the container. Here is a
> > diagram:
> >
> > +------------------+ +------------------+
> > | Container        | | Drag here        |
> > |                  | |                  |
> > | Item             | |                  |
> > +------------------+ +------------------+
> >
> > If I drag 'Item' to 'Drag here', the the 'Item' stays on the
'Container'
> > div and is under the 'Drag here' div.
> >
> > Any help is appreciated.
> >
> > Dan
> >
>

Thanks Thomas, Sergio and Moore.
I tried using the postData method and it seems to work fine, just need
to test to be sure...so thanks again!

I don't know if this point is worthy of a mention in the
documentation, possibly explain to the user why you would use GET and
why POST.

Is POST slightly more secure (in the sense the hacker would have to do
a lot more than simply submit a URL with variables and values) and
doesn't have a size limitation?

--- In ydn-javascript@yahoogroups.com, "Thomas S. Sha" <tsha@...> wrote:
>
> --- In ydn-javascript@yahoogroups.com, "carltondickson"
> <carltondickson@> wrote:
> <sniP
> > I outputted the method which is 'GET' and my uri which is just under
> > 3300 characters long and is URL encoded.
> >
> > I also get an error "The system cannot locate the resource specified"
> > on this line too in certain situations...
> > o.conn.send(postData?postData:null);
>
> This error may also be related to the malformed GET request.  Perhaps
> you might considering using POST to avoid the querystring limit?
>
> Regards,
> Thomas
>

----- Message de thomas.chille@... ---------
      Date : Thu, 30 Nov 2006 20:52:36 +0100
       De : Thomas Chille <thomas.chille@...>
Répondre à : ydn-javascript@yahoogroups.com
   Objet : [ydn-javascript] Problem with encodeURIcomponent in
Connection Manager
        À : ydn-javascript@yahoogroups.com


> 'ä' should be '%E4'  and not ''%C3%A4'
(...)
> i wanna send form data via the Connection Manager to the server.
> special german chars from the charset ISO-8859-1should be url encoded
> before. for this the Connection Manager is allways calling the buildin
> JS function encodeURIcomponent for every form value.
>
> this call returns not the right string for me.
>
> normally the char 'ä' should be converted to '%E4' , but
> encodeURIcomponent() is producing '%C3%A4'

In ISO Latin-1 (8859-1), ä is encoded as E4
In UTF-8, this same glyph is encoded as C3A4
(you can check http://www.miakinen.net/vrac/charsets/ - sorry french
webpage, but I think you'll undestand quickly what you'll see)

In DevMo the encodeURIcomponent is said to always sends back the UTF-8
encoding of the characters...
<http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Funct\
ions:encodeURIComponent>

There's encodeURI thet seems to do the same job, and also encodes in UTF-8.

So it seems you've got no way client side to URL-encode in a charset
that you choose... You'll have to make your server side code correctly
handle utf-8 encoded query strings...

Hello everybody.

I justa started playing with YUI to build a 'tree object editor' interface.

I think I found a couple of bugs in the code, but before filing to sf.net, I
wanted to ask the community. Maybe I'm just approaching things backwards...


1 - treeview: in order to rebuild a tree, I tried this [note that I subclassed
node to iteratively build subnodes from the node-natured-object myObj]:

tree.removeChildren(tree.getRoot());
var newnode = new myNodeSubclass(myObj, tree.getRoot(), true);
three.render();
three.show();

but the new tree node(s) would not display at all.
Otoh, using this works:

var newnode = new myNodeSubclass(myObj, tree.getRoot(), true);
tree.removeNode(tree.getRoot().children[0]);
three.render();
three.show();

Is this a bug or is it by design?


2 - dialogs: I spent a lot of time figuring out that when the constructor for a
dialog is called, the html element whose id is passed to the constructor has to
be present in the document body.

Doing this:

file.js:
var myDlg = new Dialog('element1', {etc...});

file.html
<script src="file.js"></script>
<body onload="myDlg.render(); myDlg.show()">
<div id="element1"><form>...</form></div>

will have quite a bit of undesirable side-effects:
- element1 does not get hidden and is rendered on the page 'as is' (in fact
myDlg does not "stick" to it)
- when calling myDlg.show() a js error is triggered on "this.body.innerHTML" not
found (in YAHOO.widget.Dialog.prototype.registerForm)

I understand this might be a constraint imposed by the overall scheme of things,
but it is documented nowhere...
Shall I file a bug for it?

More generally speaking, the whole lib is jam-packed with methods and events
that cross correlate in subtle ways, and it is quite hard (to me, at least) to
figure out 'who does what, when'... Maybe a tutorial/intro section about
- what happens on obj creation
- what happens on obj render
- what happens on obj show
- what methods should be called to redraw/rebuild/modify objects
could be of use, not only to the casual user, but also to the lib coder /
extender...


Bye
Gaetano

sorry, I was wrong.

--- In ydn-javascript@yahoogroups.com, "mrtkr" <mrtkr@...> wrote:
>
> yes!! there is a hack:
>
> just use:
>
> overflow: visible;
>
> :-)
>
> martin
>
> --- In ydn-javascript@yahoogroups.com, "mrtkr" <mrtkr@> wrote:
> >
> > hi
> >
> > I have the same problem. It looks like its a firefox problem. On IE it
> > works.
> >
> > But it looks as this is not a yui problem, but more a problem of
> > firefox. If you move the div with javascript it has the same effect.
> >
> > Also if you start with a high z-index for your dragdrop item, it does
> > not solve this.
> >
> > Is there any hack for this?
> >
> >
> > --- In ydn-javascript@yahoogroups.com, "djfep" <djfep@> wrote:
> > >
> > > I have a drag and drop function that works great if the container
> of the
> > > draggable things is a normal div. But if I set the overflow to
> scroll or
> > > auto, then the dragged items stay inside the container. Here is a
> > > diagram:
> > >
> > > +------------------+ +------------------+
> > > | Container        | | Drag here        |
> > > |                  | |                  |
> > > | Item             | |                  |
> > > +------------------+ +------------------+
> > >
> > > If I drag 'Item' to 'Drag here', the the 'Item' stays on the
> 'Container'
> > > div and is under the 'Drag here' div.
> > >
> > > Any help is appreciated.
> > >
> > > Dan
> > >
> >
>

Hello,

I have a BorderLayout. All contained in a FORM element.
The north part of the BorderLayout has an input type=submit button.
The west and center have an iFrame each.
The thing is that the button on the north side is not firing the SUBMIT action.
It does nothing.

Any help on this will be much appreciated.

Thank you.



________________________________________________________________________________\
____
Yahoo! Music Unlimited
Access over 1 million songs.
http://music.yahoo.com/unlimited

I'm probably doing something wrong here, let see if someone can
figure it out.
THis is a simple slider (only using slideEnd event and showing the
value in an alert)

Works in IE but in FireFox it loops indefinetly (the alerts keep
poping up after the first slide)

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
     <title>Untitled Page</title>
      <style type="text/css" media="screen">
         @import url("styles/style.css");
     </style>

<script type="text/javascript" src="./ScriptLibrary/yahoo-min.js"
></script>
<script type="text/javascript" src="./ScriptLibrary/event-min.js"
></script>
<script type="text/javascript" src="./ScriptLibrary/dom-min.js"
></script>
<script type="text/javascript" src="./ScriptLibrary/dragdrop-min.js"
></script>
<script type="text/javascript" src="./ScriptLibrary/logger-min.js"
></script>
<script type="text/javascript" src="./ScriptLibrary/animation-
min.js" ></script>
<script  type="text/javascript" src="./ScriptLibrary/slider-min.js"
></script>
</head>
<body>
<div id="horizWrapper">
  <div id="horizBGDiv" tabindex="0" x2:role="role:slider"
state:valuenow="0" state:valuemin="0" state:valuemax="200"
title="Horizontal Slider" >
  <div id="horizHandleDiv" ><img alt="s"
src="Images/horizSlider.png" /></div>
  </div>
  <div id="horizValueDiv"></div>


		 </div>
<script type="text/javascript">
//<![CDATA[

YAHOO.example.Sliders = function() {

     var Dom = YAHOO.util.Dom;
     var Event = YAHOO.util.Event;

     var  xslider;

     function handleHorizSliderKey(e) {
         //YAHOO.log("horizontal slider keypress");

         var valueNow = xslider.getValue();
         var valueMin = xslider.thumb.rightConstraint;
         var valueMax = xslider.thumb.leftConstraint;
         var delta = 0;
         var kc = Event.getCharCode(e);

         //YAHOO.log("keycode: " + kc);

         if (kc == YAHOO.util.Key.DOM_VK_LEFT) {
             delta = -20;
         } else if (kc == YAHOO.util.Key.DOM_VK_RIGHT) {
             delta = 20;
         } else if (kc == YAHOO.util.Key.DOM_VK_HOME) {
             delta = -( valueNow - valueMin );
         } else if (kc == YAHOO.util.Key.DOM_VK_END) {
             delta = valueMax - valueNow;
         } else {
             return true;
         }

         valueNow += delta;

         var sliderBg = Dom.get("horizBGDiv");
         if (sliderBg.setAttributeNS) {
             sliderBg.setAttributeNS("http://www.w3.org/2005/07/aaa",
                                     "valuenow", valueNow);
         }

         Event.stopEvent(e);
         return false;
     }




     var initHoriz = function() {

         var bg="horizBGDiv",thumb="horizHandleDiv",valFld="horizVal";

         xslider = YAHOO.widget.Slider.getHorizSlider(bg,
                            thumb, 0, 200);//, 25);

         xslider.subscribe("slideEnd", function() {



                  var val = this.getValue();
				  alert(val);

             });



         Event.on(bg, "keydown", handleHorizSliderKey);
         Event.on(bg, "keypress", Event.preventDefault);
     };

     return {

         init: function() {
              initHoriz();
         },



         updateHoriz:function() {

             return false;
         }

     }
}();

YAHOO.util.Event.on(window, "load", YAHOO.example.Sliders.init);
  //]]>
</script>
</body>
</html>

Thanks

Martin

I am sorry. My fault. I had this:

var layout = new YAHOO.ext.BorderLayout(document.body, {

where it should've been this:

var layout = new YAHOO.ext.BorderLayout(document.forms[0], {

Thank you !

----- Original Message ----
From: Alexander Garcia Sanabria <alexandergs@...>
To: ydn-javascript@yahoogroups.com
Sent: Friday, December 1, 2006 7:09:17 AM
Subject: [ydn-javascript] Submit action not firing


Hello,

I have a BorderLayout. All contained in a FORM element.
The north part of the BorderLayout has an input type=submit button.
The west and center have an iFrame each.
The thing is that the button on the north side is not firing the SUBMIT action.
It does nothing.

Any help on this will be much appreciated.

Thank you.



________________________________________________________________________________\
____
Yahoo! Music Unlimited
Access over 1 million songs.
http://music.yahoo.com/unlimited



Yahoo! Groups Links





________________________________________________________________________________\
____
Cheap talk?
Check out Yahoo! Messenger's low PC-to-Phone call rates.
http://voice.yahoo.com

Hi Jenny

I also wanted to change the behaviour so that you need only press
<RETURN> once to submit the form. Thanks for your help. It works
perfectly in Firefox, but in IE it seems to miss the first <RETURN>
key. Here's my code:

     //ensure that any return key submits the form
     var oElement = document.getElementById("ysearchinput0");
     function checkReturn(e) {
        var keyno = YAHOO.util.Event.getCharCode(e);
        if (keyno == 13) {
           document.gensrch.submit();
        }
     }
     YAHOO.util.Event.addListener(oElement, "keypress", checkReturn);

So basically this functi0n is capturing all keypresses except the
'first' <RETURN>,  keyno 13 in IE but handles it perfectly in Firefox.

I'd be grateful for any help

Cheers

Chris


--- In ydn-javascript@yahoogroups.com, "jennykhan" <jennyhan@...> wrote:
>
> Hi Jason,
>
> You might try using the Event utility to listen for that DOM event on
> the input box directly, rather than going through the AutoComplete
> custom event.
>
> Regards,
> Jenny
>
>
>
>
>
> --- In ydn-javascript@yahoogroups.com, "jason.yergeau"
> <jason.yergeau@> wrote:
> >
> > Hi folks,
> >
> > I have a form with an autocomplete text field that suggests matches
> > using the YUI autocomplete widget.  I don't want to force the user to
> > select from one of the matches, which is the default behaviour.
> >
> > If a user does not make a selection from the list of matches, or if
> > there are no matches, the form will not be submitted unless the user
> > presses the enter key twice.
> >
> > If the user does make a selection, this helped me bypass the second
> > enter stroke:
> >
> > autoComplete.itemSelectEvent.subscribe(submitForm);
> >
> > I'm still searching for a way to submit the form when the enter key is
> > pressed, and no item is selected.  I tried subscribing a method to the
> > textboxKeyEvent, but it seems carriage returns aren't registered (at
> > least in Firefox).
> >
> > Best,
> > Jason
> >
>

Hi Todd,

Yes that's essentially the idea.  I simplified my code to demonstrate the
problem.  The actual menu system is backed by a database and will end up
becoming very large, and not very efficient to generate on every hit to the
homepage.  So what it does is display the top level of submenu's, and as the
user browses the menu my actual implementation asks the server for the next
submenu (with the connector component) and dynamically builds the menu out
as needed.

The reason I've got a menu item in each submenu is because that submenu does
not render when it's empty, hence the mouseover event didn't get fired.  Try
commenting out this line to see what I mean:
oSubMenu.addItem(new YAHOO.widget.MenuItem("Yahoo! Mail", {
url:"http://mail.yahoo.com"}));

So OnMouseOver, I clear the corresponding submenu, and add to that submenu.
If I do it in that order, the submenu becomes blank.  If I reverse that
order, then mysteriously it works, and you'll see that in my example by
switching between the two instances of "removeItem".

Both problems are similar in that empty menu's aren't handled as you'd
expect.

Thanks for the help!

Regards,
James

> James -
>
> I'd be happy to help you debug this one, but am having a
> difficult time trying to figure out what you are trying to do
> here.  Is the idea that when the user mouses over a menu item
> that you clear the contents of the corresponding submenu and
> add new items to it?
>
> - Todd
>
>
> --- James wrote:
>
> > I've had a crazy time trying to figure out how to
> dynamically build a
> > menu.  Finally got it working, but i'm not sure that removeItem is
> > working correctly in all cases that it should.
> >
> > See the code below.  There's two removeItem lines, one works, one
> > doesn't.  When it doesn't work, I mean the submenu is
> blanked and my
> > new menuitems do not appear.  It only happens within a mouseover
> > event.  Any ideas why?
> >
> > <HTML>
> > <HEAD>
> >         <TITLE>test menu</TITLE>
> >
> >  <!-- Dependencies -->
> >   <link rel="stylesheet" type="text/css"
> > href="template/reset-fonts-
> > grids.css">
> >  <link rel="stylesheet" type="text/css"
> > href="template/menu.css">
> >
> >  <script type="text/javascript"
> > src="template/yahoo.js"></script>
> >  <script type="text/javascript"
> > src="template/dom.js"></script>
> >  <script type="text/javascript"
> > src="template/animation.js"></script>
> >  <script type="text/javascript"
> > src="template/event.js"></script>
> >  <script type="text/javascript"
> > src="template/container_core.js"></script>
> >
> >  <!-- Source File for Menu's -->
> >  <script type="text/javascript"
> > src="template/menu.js"></script>
> >
> > </HEAD>
> >
> > <BODY>
> > 	 <div id="mainmenu"></div>
> >
> > 	 <script type="text/javascript">
> >
> > 			 YAHOO.example.onMenuAvailable =
> > function(p_oEvent) {
> >
> >           // Instantiate and render the menu
> >
> >           var oMenu = new YAHOO.widget.Menu(
> >                               "storemenu",
> >                               {
> >                                   position:"static",
> >
> >                                   showdelay:250,
> >                                   hidedelay:750,
> >                                   lazyload:true,
> >                                   effect:{
> >
> > effect:YAHOO.widget.ContainerEffect.FADE,
> >                                       duration:0.25
> >                                   }
> >                               }
> >                           );
> >
> >           oMenu.cfg.setProperty("width", "150px");
> >
> >     		 var oSubMenu = new YAHOO.widget.Menu(
> >     			                       "storesubmenu",
> >     			                       {
> >                                       showdelay:250,
> >
> >                                       hidedelay:750,
> >
> >                                       lazyload:true,
> >
> >                                       effect:{
> >
> > effect:YAHOO.widget.ContainerEffect.FADE,
> >
> > duration:0.25
> >                                       }
> >                                  }
> >                              );
> >
> > 			    oMenu.addItem(new
> YAHOO.widget.MenuItem ("Alphabetically",{
> > submenu: oSubMenu }));
> >
> > 			    oSubMenu.addItem(new
> YAHOO.widget.MenuItem ("Yahoo! Mail", {
> > url:"http://mail.yahoo.com"}));
> >
> > 			    oSubMenu.cfg.addProperty("update",
> > {value:1});
> > 			    oSubMenu.cfg.addProperty("catid",
> {value:5});
> > 			    oSubMenu.mouseOverEvent.subscribe
> > (onCatMenuMouseOver,oSubMenu,true);
> >
> > 			    oSubMenu.render(oMenu.getItem(0).element);
> >
> > 			    oMenu.cfg.addProperty("update",{value:1});
> >
> > 			    oMenu.render("mainmenu");
> >
> > 			    oMenu.show();
> >
> >         }
> >
> > 			 function onCatMenuMouseOver(p_sType,
> > p_aArguments) {
> > 	          var sUrl;
> > 	          var request;
> > 	          var menuobj;
> >
> > 	          if (this.cfg.getProperty("update") == 1) {
> > 	           this.cfg.setProperty("update",0);
> >
> > 	 	          menuobj = this.activeItem;
> > 	 	          idx = menuobj.index;
> >
> > 	 	          label =
> > menuobj.cfg.getProperty("text");
> > 	 	          submenu = menuobj.parent;
> > 	 	          catid =
> > submenu.cfg.getProperty("catid");
> >
> > 						 // This
> > blanks the menu for good:
> >
> >  this.removeItem(menuobj);
> >
> > 						 objname
> > = "mcat" + catid;
> > 						 var oSubMenu
> > = new YAHOO.widget.Menu(
> > 	    			                       objname,
> > 	    			                       {
> >
> > showdelay:250,
> >
> > hidedelay:750,
> >
> > lazyload:true,
> > 	                                      effect:{
> >
> > effect:YAHOO.widget.ContainerEffect.FADE,
> >
> > duration:0.25
> > 	                                      }
> > 	                                 }
> > 	                             );
> >
> >
> > oSubMenu.cfg.addProperty("catid",{value:catid});
> >
> > oSubMenu.cfg.addProperty("update",{value:0});
> >
> > 	            this.insertItem(new
> > YAHOO.widget.MenuItem(label,{
> > submenu: oSubMenu }),idx);
> >
> > 	            oSubMenu.cfg.setProperty("width", "150px");
> >
> > 						 // query
> > remote server here for submenu's
> >
> >  oSubMenu.addItem(new YAHOO.widget.MenuItem("Yahoo!
> > Address
> > Book", { url:"http://addressbook.yahoo.com"}));
> > 	    			 oSubMenu.addItem(new
> > YAHOO.widget.MenuItem("Yahoo! Calendar", {
> > url:"http://calendar.yahoo.com"}));
> > 	    			 oSubMenu.addItem(new
> > YAHOO.widget.MenuItem("Yahoo! Notepad", {
> > url:"http://notepad.yahoo.com"} ));
> >
> >  oSubMenu.render(this.getItem(idx).element);
> >
> > 						 // This
> > works: removes only the specified menuitem
> >
> >  //this.removeItem(menuobj);
> >
> > 	          }
> > 	      }
> >
> >        // Initialize and render the menu when it is
> available in the
> > DOM
> >
> >        YAHOO.util.Event.onAvailable("mainmenu",
> > YAHOO.example.onMenuAvailable);
> >
> > 	 </script>
> >
> >
> >
> === message truncated ===
>
>
>

--- In ydn-javascript@yahoogroups.com, Adam Moore <adamoore@...> wrote:

> I don't see a style definition for the thumb.  Adding a position
> style
> (either absolute or relative) to the thumb should resolve your
> issue.

Thanks, this hint solved my problem.

Cheers
Christian

Hi Adam,

Sorry for the delay in responding.  I was trying to setup a test case
that is somewhat valid -- I extracted all the relevant code and placed
it here:

http://staff.toeat.com/~jshirley/yui/dndtest.html

Thanks for taking a look at it!

-J

Use a YAHOO.ext.UpdateManager: http://www.jackslocum.com/blog/index.php

http://www.yui-ext.com/deploy/yui-ext/docs/

See the UpdateManager class's startAutoRefresh method.

chuksyee71 wrote:

> Hi,
>
> I have a webserver with Java components that generates data
> periodically. I want to use YUI to periodically call the web server to
> get the data and present the data in tabular form. Would the use of
> the Connection Manager be the correct to do this?
>
> Thank you for your help in advance.
>
> -chuksyee71
>
>
> _____________________________________________________________________
> This message has been checked for all known viruses. Virus scanning
> powered by Messagelabs http://www.messagelabs.com For more information
> e-mail : hostmaster@...



_____________________________________________________________________
This message has been checked for all known viruses. Virus scanning
powered by Messagelabs http://www.messagelabs.com For more information
e-mail : hostmaster@...

thanks Dawn and Adam.

to Adam:

ya, I was exploring around and found that I'm should use the DOM util.
But I'm not too sure of how to use it, as there aren't many examples
using that. you have any idea?

But I guess I've gotta explore more.

thanks a lot again!
cee


>
> If the reset button always takes the element back to its original
> position, you should use YAHOO.util.Dom.getXY to keep track of the
> element's initial position, and use YAHOO.util.Dom.setXY to set it back
> when the reset button is clicked.
>
> -Adam
>

Wrong forum. That's a yui-ext class.

Use http://www.yui-ext.com/forum/index.php

Alexander Garcia Sanabria wrote:

>Hello,
>
>I have a BorderLayout. All contained in a FORM element.
>The north part of the BorderLayout has an input type=submit button.
>The west and center have an iFrame each.
>The thing is that the button on the north side is not firing the SUBMIT action.
It does nothing.
>
>Any help on this will be much appreciated.
>
>Thank you.
>
>
>
>_______________________________________________________________________________\
_____
>Yahoo! Music Unlimited
>Access over 1 million songs.
>http://music.yahoo.com/unlimited
>
>
>
>Yahoo! Groups Links
>
>
>
>
>______________________________________
>-  Checked for viruses by Messagelabs.
>
>
>


_______________________________________________________________________
This message has been checked for all known viruses. Virus scanning
provided by Messagelabs http://www.messagelabs.com For more information
e-mail : hostmaster@...

Todd,

Sorry, it's not quite a bug, it's more my feature request.  I am
hoping to write the code to do it, and then share it.

Your current hide delay is for hiding all open menu items.  When you
have autosubmenudisplay on, and you are hovering over a menu that has
a submenu, it displays, but it is not among the "all open menu items"
list, since it closes immediately when stop hovering over the menu
item.  This close is done by line 1942 of menu.js, and there is no
delay on it.

It would be nice if it would stay open for some period of time.
Probably it would be a different delay amount than your current
hidedelay, since it serves a different purpose.  At the most, the
delay should be the same as the showdelay.  The reason to keep it open
with a delay is so you can go to a submenu without carefully moving
the mouse along the menu item to get to the submenu.

For example, in Firefox click on "View" and you see a full menu, one
of the items is "Character Encoding".  Hover over it, and a menu of
eight or so items appears to the right.  If you move in a straight
line from the word "Character" diagonally down to "English", you
briefly are not on the item "Character Encoding".  Do that quickly,
and the submenu will still be open by the time you get to the
"English" item.  Do it too slowly, and the submenu disappears.

The YUI Menus, in contrast, will always close that submenu, and to go
to an item on that submenu, you have to mover in a straight line over
the menu item to the first item on the submenu, then move down.

Once I've implemented my own version of this enhancement, I'll post
again how I did it.  It's not trivial, like my "useClass" enhancement is.

-Jacob

Hi Pierre,

I made sure my application validated with HTML transitional (I can't
use html strict because I need the target attribute of the form,
unfortunately).  Testing with FF 1.5.0.8, I still saw the problem with
the tab view not rendering correctly, but at least I saw the behavior
you mentioned: reloading from the server displayed the problem, but
reloading from cache did not.

I then followed your advice to put the tabview instantiation into a
window.onload function and it worked.  The javascript that worked for me:

----------------
function addLoadEvent(func) {
   var oldonload = window.onload;
   if (typeof window.onload != 'function') {
     window.onload = func;
   } else {
     window.onload = function() {
       if (oldonload) {
         oldonload();
       }
       func();
     }
   }
}

addLoadEvent( function() {
var myTabs = new YAHOO.widget.TabView("app");
} );
----------------

I put this where the examples just have the object instantiation.

addLoadEvent is from
http://simon.incutio.com/archive/2004/05/26/addLoadEvent

I should have mentioned in the original post that I am using version
0.12.0 of the YUI.

Thanks again for your help!

Dan

--- In ydn-javascript@yahoogroups.com, Pierre Goiffon <pgoiffon@...>
wrote:
>
> ----- Message de moore234@... ---------
>      Date : Thu, 30 Nov 2006 17:15:51 -0000
>       De : moore234 <moore234@...>
> Répondre à : ydn-javascript@yahoogroups.com
>   Objet : [ydn-javascript] issue with tabview and select boxes
>        À : ydn-javascript@yahoogroups.com
>
> > I have an existing php site that I'm trying to put into a tabview.  I
> > am running into a strange error, and I'm at a loss as to how to
debug it.
> >
> > Basically, in FF1.5 (...)
> > I see all of the tab content on the first tab.  One the 2nd and other
> > tabs, I see all tab content but the first tab's.  This works fine
on IE6.
> (...)
> > Now, I tried to simplify and give y'all a sample of the problem, but
> > unfortunately, it works when it's simple:
> > http://www.mooreds.com/yui/test.html
>
> I saw also the problem using a Windows Firefox 1.5.0.8
>
> I was first thinking it could be because of incorrect nested elements
> or div that aren't closed. So I tryed the W3C validator and gets
> errors because you aern't neither specifying a doctype nor a charset
> information :
>
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mooreds.com%2Fyui%\
2Ftest.html>
> Even if you're forcing the 2 informations in the validator you still
> gets an error : I think it's because of the lack of the title element
> in the head section ? You certainly should write valid HTML...
>
> Owever, I just see something really strange : after reloading the page
> (Firefox certainly gets it from the cache) I don't see the problem
> again, the correct contents are displayed where they should be.
> Reloading with Ctrl + Shift + reload to avoid cache and the problem is
> back... Try to instanciate your tabView object after the markup or
> into an body onLoad event maybe ?

--- In ydn-javascript@yahoogroups.com, Alexx Alexx <zmische@...>
wrote:

Anyone help me plz!!!

>
> I need to check some draggable field against some
> constraints and if it fails, I need to STOP Drag&Drop.
> To explain: I'm using ProxyDrag example and I want to
> check something in StartDrag event and to prevent from
> further dragging if check fails. How I could achieve
> this?
> PS: perhaps I missed something in Docs and examples...
> but after 30 mins of reading and trying I gave in...
>
> ----------------
> Best regards,
> Alexander
>
>
>
>
________________________________________________________________________________\
____
> Do you Yahoo!?
> Everyone is raving about the all-new Yahoo! Mail beta.
> http://new.mail.yahoo.com
>

Hi,

I checked the urls you posted, and I don't see any TabView code.  Can
you point to or send the code in question?

Thanks,

Matt

rafinha_spy wrote:

>I have a dynamic tabview in index.htm...
>and when i click in tab... he call for dataSrc: 'includes/test.htm' ..
>ok its work fine...
>
>tabs show the contents of teste.htm.
>
>when teste.htm is loaded.. he dont show the code of the page request
>using conection function.
>
>
>but if i access testList.php separately... he show call content
>why?
>
>www.mydomain.com/abc/index.htm (dont show testList.php content)
>www.mydomain.com/abc/teste.htm (show the content of testList.php)
>
>why?
>
>anybody can help me?
>
>thankz a l0t :P
>
>============================= test.htm =============================
><script type="text/javascript"
>src="../lib/YahooUI/yahoo/yahoo.js"></script>
><script type="text/javascript"
>src="../lib/YahooUI/connection/connection.js"></script>
><script>
>var handleSuccess = function(o){
> document.getElementById('testeList').innerHTML = o.responseText;
>}
>
>var handleFailure = function(o){
> if (o.responseText !== undefined)
>  document.getElementById('testList').innerHTML = "<li>Error message:
>" + o.statusText + "</li>";
>}
>
>var callback = {
>  success:handleSuccess,
>  failure:handleFailure,
>  argument: { foo:"foo", bar:"bar" }
>};
>
>var sUrl = "testList.php";
>
>function makeRequest(){
> var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);
>}
></script>
>
><div id="testList" style="position: relative; width: 350px;">
>
></div>
><script>makeRequest();</script>
>
>
>
>
>Yahoo! Groups Links
>
>
>
>
>
>
>
>

I am trying to do that in javascript:
My tabview is build with the data coming from an ajax response like:
<tabset>
    <id></id>
    <label></label>
    <tab>
          <label></label>
          <name></name>
    </tab>
    ...
    <tab>...</tab>
</tabset>
And i have these div tags in my html code:
<div id='mainTabSet'>
    <div id='subTabSet'></div>
</div>

And here my callback function:
processResult: function processResult(request){
             &nbs! p;  if (request.status == 200) {
                        var tabset = request.responseXML.getElementsByTagName("tabset")[0];
                        var id = tabset.childNodes[0].firstChild.nodeValue;
                        var label = tabset.childNodes[1].firstChild.nodeValue;

                        mainTabSet = new YAHOO.widget.TabView("maintabset");
                        var subTabPanel = new YAHOO.widget.TabView("tab"+id);
                !         subTabPanel.set('orientation', ' bottom');
                        var tabs = request.responseXML.getElementsByTagName("tab");
                        if (tabs.length > 0) {
                            for (var i=0; i< tabs.length; i++) {
                                var tabName = tabs[i].childNodes[1].firstChild.nodeValue;
                                alert("label: "+tabs[i].childNodes[0].firstChild.nodeValue);
           !                      subTabPanel.addTab( new YAHOO.widget.Tab({
                                    label: tabs[i].childNodes[0].firstChild.nodeValue,
                                    content: "content"
                                }));
                                
                    &n! bsp;       }
     &nbs p;                  }
                        YAHOO.util.Event.onContentReady('mainTabSet', function() {
                            subTabPanel.appendTo(this);
                        });
                        mainTabSet.addTab( new YAHOO.widget.Tab({
                            label: label,
                        ! ;    content: subTabPanel,
                            active: true
                        }));
                        YAHOO.util.Event.onContentReady('tabSet', function() {
                            mainTabSet.appendTo(this); /* append to #tabSet */
                            alert("mainTabSet tab linked");
                        });
 &nb! sp;              }        }

There is no bug during the xml process, but the process is stop when i try to add the tabview to the main tab view.
So, it is possible to do that ?

Thanks for the answers.

Hi Peter,

Reusing animation instances with different elements is not currently
supported, but will be in a future release.

Matt

foti-1@... wrote:

>The animation constructor requires that you pass in an element or id of the
element that the animation will apply to.  Is it possible to re-use an animation
on different elements?
>
>For example, look at the Spotlight design pattern example:
>http://developer.yahoo.com/ypatterns/pattern.php?pattern=spotlight#
>
>Each time an item is dynamically added, it has a little bit of spotlight
applied to it.  It seems to me that rather than create a new animation object
every time I add something, I should be able to just create one and re-apply it
to each new element that is created.  Why keep recreating an Animation object
when it's doing the same thing over and over again?
>
>It doesn't look like it's possible to re-assign an Animation object though.  Is
that the case?
>
>Thanks,
>Peter Foti
>
>
>
>Yahoo! Groups Links
>
>
>
>
>
>
>
>

Sorry my delayed answer (my job), but I think is very hard catch every
event and filtering its tags. Is there a simpler way?



--- In ydn-javascript@yahoogroups.com, Nige White <nigelw@...> wrote:
>
> You'll have to search for them all (document.getElementsByTagName("a"))
> and use YAHOO.util.Event to give them onclick listeners which stop the
> event, and load the url into the tab using YAHOO.util.Connect.
>
> otrorichard wrote:
>
> > Hi everyone,
> >
> > Two questions:
> >
> > The simplest, How make a hyperlink inside tabview content and the new
> > page keeps inside the tab and no outside, like a new page?
> >
> > All the hyperlinks in the tabview examples point to "#".
> >
> > The second one.
> > I need to put inside a tabview content a php-based search page,I can
> > get the first page, but the paging is impossible.
> > Note: Outside the tabview my search pages work fine.
> >
> > thanks in advanced.
> >
> > Richard
> >
> >
> > _____________________________________________________________________
> > This message has been checked for all known viruses. Virus scanning
> > powered by Messagelabs http://www.messagelabs.com For more information
> > e-mail : hostmaster@...
>
>
>
> _____________________________________________________________________
> This message has been checked for all known viruses. Virus scanning
> powered by Messagelabs http://www.messagelabs.com For more information
> e-mail : hostmaster@...
>

Well, you want to defeat HTML links in the browser; you'll have to do
a little work!

It's not hard at all. Create a YAHOO.ext.Element from the element into
which you are loading content.

Use getElementsByTagname on the element. You get back an array of <a>
elements. Loop through the array adding a click handling function (it
can be the same function) as a listener to each one.

In the handling function, call update() on the Element.

Docs: http://www.yui-ext.com/deploy/yui-ext/docs/

Download the YAHOO.ext library from http://www.jackslocum.com/blog/

It's a piece of cake!
--- In ydn-javascript@yahoogroups.com, "otrorichard"
<richardworking@...> wrote:
>
> Sorry my delayed answer (my job), but I think is very hard catch every
> event and filtering its tags. Is there a simpler way?
>
>
>
> --- In ydn-javascript@yahoogroups.com, Nige White <nigelw@> wrote:
> >
> > You'll have to search for them all
(document.getElementsByTagName("a"))
> > and use YAHOO.util.Event to give them onclick listeners which stop
the
> > event, and load the url into the tab using YAHOO.util.Connect.
> >
> > otrorichard wrote:
> >
> > > Hi everyone,
> > >
> > > Two questions:
> > >
> > > The simplest, How make a hyperlink inside tabview content and
the new
> > > page keeps inside the tab and no outside, like a new page?
> > >
> > > All the hyperlinks in the tabview examples point to "#".
> > >
> > > The second one.
> > > I need to put inside a tabview content a php-based search page,I can
> > > get the first page, but the paging is impossible.
> > > Note: Outside the tabview my search pages work fine.
> > >
> > > thanks in advanced.
> > >
> > > Richard
> > >
> > >
> > >
_____________________________________________________________________
> > > This message has been checked for all known viruses. Virus scanning
> > > powered by Messagelabs http://www.messagelabs.com For more
information
> > > e-mail : hostmaster@
> >
> >
> >
> > _____________________________________________________________________
> > This message has been checked for all known viruses. Virus scanning
> > powered by Messagelabs http://www.messagelabs.com For more information
> > e-mail : hostmaster@
> >
>