Skip to search.

Breaking News Visit Yahoo! News for the latest.

×Close this window

ydn-javascript · Yahoo! User Interface Library Group

The Yahoo! Groups Product Blog

Check it out!

Group Information

  • Members: 12937
  • Category: JavaScript
  • Founded: Dec 15, 2005
  • Language: English
? Already a member? Sign in to Yahoo!

Yahoo! Groups Tips

Did you know...
Hear how Yahoo! Groups has changed the lives of others. Take me there.

Messages

Advanced
Messages Help
Messages 33619 - 33648 of 52481   Oldest  |  < Older  |  Newer >  |  Newest
Messages: Show Message Summaries Sort by Date ^  
#33619 From: Satyam <satyam@...>
Date: Tue Jul 1, 2008 7:06 am
Subject: Re: Menu with DataSource?
satyamutsa
Send Email Send Email
 
DataSource can only fetch a flat set of data, not the hierarchical set
that a menu would expect.  Using plain Connection Manager would be better.

Satyam


ledelste wrote:
> Has anyone tried to drive a Menu from a DataSource?  I'm figuring it's
> probably not that hard, and I may give it a shot.  Maybe someone out
> there has already done it?
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG.
> Version: 8.0.101 / Virus Database: 270.4.3/1526 - Release Date: 30/06/2008
8:43
>

#33620 From: "hasanilingi1981" <hasanilingi1981@...>
Date: Tue Jul 1, 2008 7:41 am
Subject: Re: Connection Managewr Error in IE6, IE7, Opera
hasanilingi1981
Send Email Send Email
 
İ think you dont have any time to look at this topic, i have been
trying many solution but my problem is still going on.

--- In ydn-javascript@yahoogroups.com, "hasanilingi1981"
<hasanilingi1981@...> wrote:
>
> Hi guys,
> i have a problem with our YUI in connection manager.
> my js codes works in firefox, but does not work in IE6, IE7, OPERA so
> nothing is shown in html page. when i try to get work it gives me this
> error is;
> Line: 259
> character: 9
> error: waiting for descriptive, string or number
>
> In my js file the line 259 is;
> var conn = YAHOO.util.Connect.asyncRequest("GET", rl, callback);
>
> and it is part of the function, this is the function;
>
>     function ascReq(rl){
>      var rl = rl;
>      var XX = document.getElementById('container');
>      var callback = {
>             cache:false,
>             success : function(o) {
>              if(o.responseText !== undefined){
>                     XX.value = o.responseText;
>              }
>             },
>             failure : function(o) {
>                     XX.value = "CONNECTION FAILED!";
>             },
>         }
>         var conn = YAHOO.util.Connect.asyncRequest("GET", rl, callback);
>         return XX.value;
>     }
>
> It does not give me the failure: "CONNECTION FAILED!" but the page is
> empty.
>

#33621 From: Satyam <satyam@...>
Date: Tue Jul 1, 2008 8:16 am
Subject: Re: Issue with Panels
satyamutsa
Send Email Send Email
 
Ids have to be unique, there is no way around it, that's the standard.

See if this suits you:

http://satyam.com.ar/yui/2.5.0/definitions.html

Satyam


dateimoerder wrote:
> Hello,
>
> I'm a teacher and I'm really just getting into CSS / Javascript, so be
> gentle I've only just popped my cherry.
>
> So far I've successfully figured out a system which allows a given
> word within a body of text to both have a tooltip popup box, as well
> as a panel pop up for it when clicked.
>
> My intent is to create a series of webpages that contain assignment
> information for students, such as how to complete a project.  The hope
> is that I can code this page in such a way that all the 'difficult'
> words contain a tooltip with a basic definition, and then have a panel
> that will pop up when they are clicked with a much more indepth
> definition, including a pronunciation guide and wave file that when an
> Icon is clicked the student can listen to the definition (for those
> with disabilities / language issues).
>
> Here are the problems I forsee and would like help with avoiding:
>
> Firstly, through my testing I have discovered that only the first
> instance of a particular id within a page will launch my tooltip or
> the panel.  This is problematic because though most students will 'get
> it' that the first instance is the only clickable one, I would like
> all of them to function the same.  I do not feel like coding a whole
> bunch of ID's and entries for those ID's to make that work... who would?
>
> Ive seen some stuff related to groupIDs but at my current level of
> understanding I really cant make sense of it.  Can someone explicate
> this a bit further for me.  I'm not dumb... I just dont have the
> rudiments down.
>
> Secondly, I've done some limited testing to attempt to make it so that
> the in-depth glossary entries are not in-line to the page, but rather
> that they are external held in .html files in a sub-directory called
> /glossary/.  This would be an ideal setup because it would allow me to
> link to pages in the glossary directory for the content of my panels
> so that I would only need to change those .html files in order to
> change content over multiple assignment pages.
>
> The problem I'm facing with this is that my limited CSS / HTML
> knowledge doesnt seem to be cutting it.  I attempted using a frame
> within the panel to show the content, but it doesnt even show the
> content of the referenced html file.
>
> Regards-
> Robert "Dateimoerder" Ralph
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG.
> Version: 8.0.101 / Virus Database: 270.4.3/1526 - Release Date: 30/06/2008
8:43
>

#33622 From: Satyam <satyam@...>
Date: Tue Jul 1, 2008 8:22 am
Subject: Re: Re: Connection Managewr Error in IE6, IE7, Opera
satyamutsa
Send Email Send Email
 
delete that last comma after failure.  trailing commas always cause
trouble in IE.

Satyam


hasanilingi1981 wrote:
> İ think you dont have any time to look at this topic, i have been
> trying many solution but my problem is still going on.
>
> --- In ydn-javascript@yahoogroups.com, "hasanilingi1981"
> <hasanilingi1981@...> wrote:
>
>> Hi guys,
>> i have a problem with our YUI in connection manager.
>> my js codes works in firefox, but does not work in IE6, IE7, OPERA so
>> nothing is shown in html page. when i try to get work it gives me this
>> error is;
>> Line: 259
>> character: 9
>> error: waiting for descriptive, string or number
>>
>> In my js file the line 259 is;
>> var conn = YAHOO.util.Connect.asyncRequest("GET", rl, callback);
>>
>> and it is part of the function, this is the function;
>>
>>     function ascReq(rl){
>>      var rl = rl;
>>      var XX = document.getElementById('container');
>>      var callback = {
>>             cache:false,
>>             success : function(o) {
>>              if(o.responseText !== undefined){
>>                     XX.value = o.responseText;
>>              }
>>             },
>>             failure : function(o) {
>>                     XX.value = "CONNECTION FAILED!";
>>             },
>>         }
>>         var conn = YAHOO.util.Connect.asyncRequest("GET", rl, callback);
>>         return XX.value;
>>     }
>>
>> It does not give me the failure: "CONNECTION FAILED!" but the page is
>> empty.
>>
>>
>
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG.
> Version: 8.0.101 / Virus Database: 270.4.3/1526 - Release Date: 30/06/2008
8:43
>

#33623 From: "robertpranschke" <robertpranschke@...>
Date: Tue Jul 1, 2008 8:53 am
Subject: Re: Expand column width to fill the datatable?
robertpranschke
Send Email Send Email
 
I had a similar problem and a little addition to my css file solved
it. Try to set "width: 100%" for the head and the body table.

The head and the body are two seperate tables, so you have to set both.
The head tables name is "yui-dt1-headtable" and the body is
"yui-dt1-bodytable", while the number in these names can be different
in your case.

Make also sure you set "scrollable: true" and "width: 100%" in the
datatable config.

#33624 From: "shafikhan_363" <shafikhan_363@...>
Date: Tue Jul 1, 2008 9:42 am
Subject: calendar: skinning for next day, next week
shafikhan_363
Send Email Send Email
 
Hi,

I have a usecase where the calendar has to be integrated in my web page.
The page should contain buttons 'prev day', 'next day', 'prev week',
'next week'.

When those buttons are clicked, I need to highlight that corresponding
cell/row in the calendar. I would like to know whether YUI calendar
provides such api with which we can skin a particular week/day.

If anyone has a working example, that would be very helpful.

Thanks in advance.


Regards,
~Shafi

#33625 From: andyboyns <andyboyns@...>
Date: Tue Jul 1, 2008 11:50 am
Subject: Re: Re: newbie rollercoster excited=>coming off danger list
andyboyns
Send Email Send Email
 
Satyam-3 wrote:
>
> Plenty of those in the examples page:
>
> http://developer.yahoo.com/yui/examples/datatable/index.html
>
> The article explain why it works, you can get full examples from plenty
> of sources.
>
I'm still trying really hard to understand basic principles, and have
successfully walked through part of the example which is explained in
http://yuiblog.com/blog/2007/09/26/satyam-datatable-2/

Unfortunately, and surprisingly, although I've searched and searched for
examples showing the full process of collecting, writing, and posting data
using a datatable I can't find any examples which don't mix up
"technologies".

I appreciate that in this forum we're sharing experience and are not
actually "teachers", but YUI is seriously confusing for the beginner without
jscript knowledge.

Unfortuately I made a choice several years ago to follow the asp path,
rather than php, and today I see a similar path before me: YUI or not. I've
spent about a week just trying to fathom out how to write data onto a
table... I feel great about that (?), but without that next step of being
able to communicate back with the database on the server, this is
meaningless.
OK. I know there are snippets of code that illustrate this, but they are a
jumble of examples. If someone could direct me to an inline editing database
example which includes the collection and posting of data from start to
finish, I know I'll be off and flying, wondering why it all took so long
(and I'll close this topic off too)
--
View this message in context:
http://www.nabble.com/newbie-rollercoster-excited%3D%3Edepressed-tp18069135p1821\
4134.html
Sent from the ydn-javascript mailing list archive at Nabble.com.

#33626 From: "mchaz84" <mchaz84@...>
Date: Tue Jul 1, 2008 12:17 pm
Subject: 8 ways resize panel + drag
mchaz84
Send Email Send Email
 
Hello all

I want to make a fully resizable (by 8 ways) and draggable panel.
I start from the following example in this page :
http://developer.yahoo.com/yui/examples/container/panel-resize.html

I update the following line to have 8 ways resize :
var resize = new YAHOO.util.Resize('resizablepanel', {
      handles: 'all',...}

Now i can resize from the top and left of the panel but the behavior
is strange (it always resizes by bottom and right).

I read that i had to put the div element to "position:absolute" to
have the correct behavior (and i need to have the div element as
direct child of document.body). By doing this the resize works ok!!
But... the panel is no longer draggable.


Where is my mistake?

#33627 From: "arup832003" <arup832003@...>
Date: Tue Jul 1, 2008 1:22 pm
Subject: Re: Check SubMenu Items
arup832003
Send Email Send Email
 
Hi Caridy Patino,

Thanks for your reply.
In my example
var items = oMenu.getSubmenus(); not giving the set of SubMenu Items
attached to that MenuItem.

I just want to check/unchech the submenu Items by clicking on them. I
can do that by using the "checked" configuration property of
YAHOO.widget.MenuItem.

But, I amn't able to get all the Submenu Items of the selected
MenuItem as an Object array of YAHOO.widget.MenuItem.

Here is the code.

*************************************************************
<script type="text/javascript">

             /*
                  Initialize and render the Menu when its elements are
ready
                  to be scripted.
             */

			 var oMenu;

             YAHOO.util.Event.onContentReady("productsandservices",
function () {

                 /*
                      Instantiate a Menu:  The first argument passed to the
                      constructor is the id of the element in the page
                      representing the Menu; the second is an object
literal
                      of configuration properties.
                 */

                 oMenu = new YAHOO.widget.Menu("productsandservices", {
                                                         position:
"static",
                                                         hidedelay:  750,
                                                         lazyload: true });


                 /*
                      Define an array of object literals, each containing
                      the data necessary to create a submenu.
                 */

                 var aSubmenuData = [

                     {
                         id: "communication",
                         itemdata: [
                             { text: "360",checked: true, url:
"javascript:checkItem();" },
                             { text: "Alerts", url:
"http://alerts.yahoo.com" },
                             { text: "Avatars", url:
"http://avatars.yahoo.com" },
                             { text: "Groups", url:
"http://groups.yahoo.com " },
                             { text: "Internet Access", url:
"http://promo.yahoo.com/broadband" }
                         ]
                     }

                     ];


                 // Subscribe to the Menu instance's "beforeRender" event

                 oMenu.subscribe("beforeRender", function () {

                     if (this.getRoot() == this) {

                         this.getItem(0).cfg.setProperty("submenu",
aSubmenuData[0]);
                     }

                 });


                 /*
                      Call the "render" method with no arguments since the
                      markup for this Menu instance is already exists
in the page.
                 */

                 oMenu.render();

             });


		 function checkItem()
		 {
                    //Check the Selected SubMenuItem.

			 //var menuitem=oMenu.getItem(0).cfg.getProperty('checked');


			 //oMenu.getItem(0).cfg.setProperty('checked',true);

			 var subMenuArr = oMenu.getSubmenus();
			 alert(subMenuArr.join('|'));

		 }

</script>
*************************************************************

Please, help me to get rid of this Issue.

Thanks,
Arup

--- In ydn-javascript@yahoogroups.com, "Caridy Patino" <caridy@...> wrote:
>
> Hey,
>
> To access to a certain element based on the index:
> var label = oMenu.getItem(0).cfg.getProperty("text");
>
> To retrieve an array of all submenus that are direct descendants of a
> Menu instance, use the getSubmenus method:
> var items = oMenu.getSubmenus();
>
> Best Regards,
> Caridy Patino (caridy at yahoo-inc.com)
>
> --- In ydn-javascript@yahoogroups.com, "arup832003" <arup832003@>
> wrote:
> >
> > Hi all,
> >
> > How can I access all the SubMenu Items of a MenuItem. So that, I can
> > manipulate it's Configuration properties.
> >
> > But, I amn't getting How can I access all the SubMenu Items of a
> > MenuIten as an object array of MenuItems.
> >
> > Please, help me in this regard.
> >
>

#33628 From: "Edouard" <e.devilledep@...>
Date: Tue Jul 1, 2008 1:25 pm
Subject: Rich text editor - Toolbar buttons behaviour
edouardfr34
Send Email Send Email
 
Hi everybody,

could you please tell me in what file is defined the bevaviour of
buttons like "bold" or "italic" (Simple Editor's toolbar) ?

I would like to understand how they work, but I can't find this piece
of code...

#33629 From: Dav Glass <dav.glass@...>
Date: Tue Jul 1, 2008 2:04 pm
Subject: Re: Rich text editor - Toolbar buttons behaviour
dav.glass
Send Email Send Email
 
Edouard --

There isn't much in the Editor (code) wise that controls those buttons, they are
passed through to the native document.execCommand because the A-Grade browsers
actually support them quite well.


Can you give me a little more info on what exactly you are looking fo?

Dav

Dav Glass
dav.glass@...
blog.davglass.com




+ Windows: n. - The most successful computer virus, ever. +
+ A computer without a Microsoft operating system is like a dog
without bricks tied to its head +
+ A Microsoft Certified Systems Engineer is to computing what a
McDonalds Certified Food Specialist is to fine cuisine  +



----- Original Message ----
From: Edouard <e.devilledep@...>
To: ydn-javascript@yahoogroups.com
Sent: Tuesday, July 1, 2008 6:25:06 AM
Subject: [ydn-javascript] Rich text editor - Toolbar buttons behaviour

Hi everybody,

could you please tell me in what file is defined the bevaviour of
buttons like "bold" or "italic" (Simple Editor's toolbar) ?

I would like to understand how they work, but I can't find this piece
of code...


------------------------------------

Yahoo! Groups Links

#33630 From: Dav Glass <dav.glass@...>
Date: Tue Jul 1, 2008 2:04 pm
Subject: Re: 8 ways resize panel + drag
dav.glass
Send Email Send Email
 
mchaz84 --

Can you post a link?

Dav

  Dav Glass
dav.glass@...
blog.davglass.com




+ Windows: n. - The most successful computer virus, ever. +
+ A computer without a Microsoft operating system is like a dog
without bricks tied to its head +
+ A Microsoft Certified Systems Engineer is to computing what a
McDonalds Certified Food Specialist is to fine cuisine  +



----- Original Message ----
From: mchaz84 <mchaz84@...>
To: ydn-javascript@yahoogroups.com
Sent: Tuesday, July 1, 2008 5:17:45 AM
Subject: [ydn-javascript] 8 ways resize panel + drag

Hello all

I want to make a fully resizable (by 8 ways) and draggable panel.
I start from the following example in this page :
http://developer.yahoo.com/yui/examples/container/panel-resize.html

I update the following line to have 8 ways resize :
var resize = new YAHOO.util.Resize('resizablepanel', {
      handles: 'all',...}

Now i can resize from the top and left of the panel but the behavior
is strange (it always resizes by bottom and right).

I read that i had to put the div element to "position:absolute" to
have the correct behavior (and i need to have the div element as
direct child of document.body). By doing this the resize works ok!!
But... the panel is no longer draggable.


Where is my mistake?


------------------------------------

Yahoo! Groups Links

#33631 From: "grimholtz" <grimholtz@...>
Date: Tue Jul 1, 2008 2:17 pm
Subject: how to attach callback to datasource used by chart?
grimholtz
Send Email Send Email
 
Hi,

I have a chart with a polling datasource. Since the chart calls
sendRequest() on the datasource internally, I have no option to attach
a callback handler (and I wouldn't want to overwrite the chart's
callback handler, anyway). What's the best way to get notified of new
data from the datasource in this situation?

YAHOO.widget.Chart.SWFURL = "/foobar/charts.swf";
var ds = new YAHOO.util.DataSource("/foobar/datasource1.seam");
ds.responseType = YAHOO.util.DataSource.TYPE_JSON;
ds.responseSchema = {resultsList: "response.results", fields:
["label", "value", "tooltip"], timestamp: "response.timestamp"};

var chart = new YAHOO.widget.LineChart("chartdiv", ds, {
   xField: "label", yField: "value", polling: 5000, dataTipFunction:
   getDataTip, version: "9.0.115" /* required for when chart is in a
<form/>. */
});

Thanks,
Eric

#33632 From: "Edouard" <e.devilledep@...>
Date: Tue Jul 1, 2008 2:22 pm
Subject: Re: Rich text editor - Toolbar buttons behaviour
edouardfr34
Send Email Send Email
 
Thanks a lot for your reply.

Actually I would like to create a new button that sets ALL the text in
the editor to bold, wether it is selected or not.

Do you think this is possible?

--- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
>
> Edouard --
>
> There isn't much in the Editor (code) wise that controls those
buttons, they are passed through to the native document.execCommand
because the A-Grade browsers actually support them quite well.
>
>
> Can you give me a little more info on what exactly you are looking fo?
>
> Dav
>
> Dav Glass
> dav.glass@...
> blog.davglass.com
>
>
>
>
> + Windows: n. - The most successful computer virus, ever. +
> + A computer without a Microsoft operating system is like a dog
> without bricks tied to its head +
> + A Microsoft Certified Systems Engineer is to computing what a
> McDonalds Certified Food Specialist is to fine cuisine  +
>
>
>
> ----- Original Message ----
> From: Edouard <e.devilledep@...>
> To: ydn-javascript@yahoogroups.com
> Sent: Tuesday, July 1, 2008 6:25:06 AM
> Subject: [ydn-javascript] Rich text editor - Toolbar buttons behaviour
>
> Hi everybody,
>
> could you please tell me in what file is defined the bevaviour of
> buttons like "bold" or "italic" (Simple Editor's toolbar) ?
>
> I would like to understand how they work, but I can't find this piece
> of code...
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>

#33633 From: "mchaz84" <mchaz84@...>
Date: Tue Jul 1, 2008 2:32 pm
Subject: Re: 8 ways resize panel + drag
mchaz84
Send Email Send Email
 
Sure,
http://mchaz84.info/panel/panel-resize_source.html

i 've put a button to test the resize/drag BEFORE and AFTER
changing the position of the main div.

Thanks for your time


--- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
>
> mchaz84 --
>
> Can you post a link?
>
> Dav
>
>  Dav Glass
> dav.glass@...
> blog.davglass.com
>
>
>
>
> + Windows: n. - The most successful computer virus, ever. +
> + A computer without a Microsoft operating system is like a dog
> without bricks tied to its head +
> + A Microsoft Certified Systems Engineer is to computing what a
> McDonalds Certified Food Specialist is to fine cuisine  +
>
>
>
> ----- Original Message ----
> From: mchaz84 <mchaz84@...>
> To: ydn-javascript@yahoogroups.com
> Sent: Tuesday, July 1, 2008 5:17:45 AM
> Subject: [ydn-javascript] 8 ways resize panel + drag
>
> Hello all
>
> I want to make a fully resizable (by 8 ways) and draggable panel.
> I start from the following example in this page :
> http://developer.yahoo.com/yui/examples/container/panel-resize.html
>
> I update the following line to have 8 ways resize :
> var resize = new YAHOO.util.Resize('resizablepanel', {
>      handles: 'all',...}
>
> Now i can resize from the top and left of the panel but the behavior
> is strange (it always resizes by bottom and right).
>
> I read that i had to put the div element to "position:absolute" to
> have the correct behavior (and i need to have the div element as
> direct child of document.body). By doing this the resize works ok!!
> But... the panel is no longer draggable.
>
>
> Where is my mistake?
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>

#33634 From: "james.vantslot" <james@...>
Date: Tue Jul 1, 2008 2:37 pm
Subject: Overlay that displays for a few seconds on page load
james.vantslot
Send Email Send Email
 
Hi all,

Looking for some hints on how to get an overlay to load on page load and then disappear after a few seconds.

I have figured out how to get the Overlay to display the way I want it.  I want it to display as a block in a specific location and not floating over the page using the beforeShowEvent and HideEvent events to set the div's display values.
And I can test the display and hide using click events in a couple of the form fields:

YAHOO.namespace("ores.container");
     
    YAHOO.util.Event.onDOMReady(function () {
        YAHOO.ores.container.module1 = new YAHOO.widget.Overlay("requiredInfo",
                                                {visible:false,
                                                effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration: .9}
                                                }
                                            );
        YAHOO.ores.container.module1.render();
       
        YAHOO.ores.container.module1.showDiv = function() {
            YAHOO.util.Dom.setStyle('requiredInfo', 'display', 'block');
        }
       
        YAHOO.ores.container.module1.hideDiv = function() {
            YAHOO.util.Dom.setStyle('requiredInfo', 'display', 'none');
        }
      
           
        YAHOO.ores.container.module1.beforeShowEvent.subscribe(YAHOO.ores.container.module1.showDiv);
        YAHOO.ores.container.module1.hideEvent.subscribe(YAHOO.ores.container.module1.hideDiv);
       
        YAHOO.util.Event.addListener("fname", "click", YAHOO.ores.container.module1.show, YAHOO.ores.container.module1, true);
        YAHOO.util.Event.addListener("lname", "click", YAHOO.ores.container.module1.hide, YAHOO.ores.container.module1, true);

    });
   
This works well to "fade" the div into view.  But I don't want to trigger the view and hide off of the click events of fields.  I want to have the div display for a few seconds when the page loads and then disappear

Any ideas?

Thanks!

james

#33635 From: Dav Glass <dav.glass@...>
Date: Tue Jul 1, 2008 3:15 pm
Subject: Re: Re: 8 ways resize panel + drag
dav.glass
Send Email Send Email
 
mchaz84 --

Here is a modified version:
http://blog.davglass.com/files/yui/resize4/


Does that help?
Dav

Dav Glass
dav.glass@...
blog.davglass.com




+ Windows: n. - The most successful computer virus, ever. +
+ A computer without a Microsoft operating system is like a dog
without bricks tied to its head +
+ A Microsoft Certified Systems Engineer is to computing what a
McDonalds Certified Food Specialist is to fine cuisine  +



----- Original Message ----
From: mchaz84 <mchaz84@...>
To: ydn-javascript@yahoogroups.com
Sent: Tuesday, July 1, 2008 7:32:34 AM
Subject: [ydn-javascript] Re: 8 ways resize panel + drag

Sure,
http://mchaz84.info/panel/panel-resize_source.html

i 've put a button to test the resize/drag BEFORE and AFTER
changing the position of the main div.

Thanks for your time


--- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
>
> mchaz84 --
>
> Can you post a link?
>
> Dav
>
>  Dav Glass
> dav.glass@...
> blog.davglass.com
>
>
>
>
> + Windows: n. - The most successful computer virus, ever. +
> + A computer without a Microsoft operating system is like a dog
> without bricks tied to its head +
> + A Microsoft Certified Systems Engineer is to computing what a
> McDonalds Certified Food Specialist is to fine cuisine  +
>
>
>
> ----- Original Message ----
> From: mchaz84 <mchaz84@...>
> To: ydn-javascript@yahoogroups.com
> Sent: Tuesday, July 1, 2008 5:17:45 AM
> Subject: [ydn-javascript] 8 ways resize panel + drag
>
> Hello all
>
> I want to make a fully resizable (by 8 ways) and draggable panel.
> I start from the following example in this page :
> http://developer.yahoo.com/yui/examples/container/panel-resize.html
>
> I update the following line to have 8 ways resize :
> var resize = new YAHOO.util.Resize('resizablepanel', {
>      handles: 'all',...}
>
> Now i can resize from the top and left of the panel but the behavior
> is strange (it always resizes by bottom and right).
>
> I read that i had to put the div element to "position:absolute" to
> have the correct behavior (and i need to have the div element as
> direct child of document.body). By doing this the resize works ok!!
> But... the panel is no longer draggable.
>
>
> Where is my mistake?
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>



------------------------------------

Yahoo! Groups Links

#33636 From: Satyam <satyam@...>
Date: Tue Jul 1, 2008 3:26 pm
Subject: Re: how to attach callback to datasource used by chart?
satyamutsa
Send Email Send Email
 
See:

http://developer.yahoo.com/yui/datasource/#events

Satyam

grimholtz wrote:
> Hi,
>
> I have a chart with a polling datasource. Since the chart calls
> sendRequest() on the datasource internally, I have no option to attach
> a callback handler (and I wouldn't want to overwrite the chart's
> callback handler, anyway). What's the best way to get notified of new
> data from the datasource in this situation?
>
> YAHOO.widget.Chart.SWFURL = "/foobar/charts.swf";
> var ds = new YAHOO.util.DataSource("/foobar/datasource1.seam");
> ds.responseType = YAHOO.util.DataSource.TYPE_JSON;
> ds.responseSchema = {resultsList: "response.results", fields:
> ["label", "value", "tooltip"], timestamp: "response.timestamp"};
>
> var chart = new YAHOO.widget.LineChart("chartdiv", ds, {
>   xField: "label", yField: "value", polling: 5000, dataTipFunction:
>   getDataTip, version: "9.0.115" /* required for when chart is in a
> <form/>. */
> });
>
> Thanks,
> Eric
>
>
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG.
> Version: 8.0.101 / Virus Database: 270.4.3/1526 - Release Date: 30/06/2008
8:43
>

#33637 From: "mryan321" <mark@...>
Date: Tue Jul 1, 2008 3:51 pm
Subject: datatable with horizontal scroller - not scrolling with arrow down!
mryan321
Send Email Send Email
 

Hi All,

My scrollable datatable does not scroll down when I arrow down through the rows. It just scrolls out of visibility.

Is this normal behaviour / is there a workaround?

Many thanks,

Mark

var dtConf = { scrollable:true, height:"30em" };
this.dataTable = new YAHOO.widget.DataTable( "list", colDefs, dataSource, dtConf );

#33638 From: "foxxtrot713" <foxxtrot@...>
Date: Tue Jul 1, 2008 3:59 pm
Subject: YUI Dom and YUI Element
foxxtrot713
Send Email Send Email
 
It appears that much of the functionality exposed by YAHOO.util.Dom
does not support YAHOO.util.Element as it's element argument.  Is this
by design?  Or a symptom of YAHOO.util.Element still being in Beta?
Is anyone working on adding this functionality?

Admittidetly, it's not hard to simply do a el.get('element') to get
the HTMLElement object, but for API completeness it seems that the Dom
utility should accept taking YUI Element's arguments.

Jeff 'foxxtrot' Craig

#33639 From: "wally.ritchie" <wally.ritchie@...>
Date: Tue Jul 1, 2008 4:06 pm
Subject: Re: YUI grids - space between main & side columns
wally.ritchie
Send Email Send Email
 
--- In ydn-javascript@yahoogroups.com, "alexknowles090"
<alexknowles090@...> wrote:
>
> Hi all
>
> using #doc4 and the .yui-t4 template preset, I'm getting a 15 px gap
> between the main div and the sidebar (code below). Try as I might I
> can't seem to remove it so that the two elements sit flush next to
> each other.
>
> I've tried setting "margin: 0px" on #content, #bd, #yui-main and
> #sidebar with no luck
>
> can any help?
>
> thanks
> alex
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
>  <title>YUI Grids CSS </title>
>  <!-- Source File -->
>   <link rel="stylesheet" type="text/css"
> href="/stylesheets/reset-fonts-grids.css">
> </head>
>   <body>
>     <div id="doc4" class="yui-t4"> <!-- change class to change
preset -->
>
>       <div id="hd"><p>Header</p></div>
>
>       <div id="bd">
>         <div id="yui-main">
>           <div class="yui-b" id="content">
>             <p>Main content</p>
>           </div>
>         </div>
>         <div class="yui-b" id="sidebar">
>           <p>Sidebar</p>
>         </div>
>       </div>
>
>       <div id="ft"></div>
>
>     </div>
>   </body>
> </html>
>
The gutter is built into the design.
The style rule that sets this for a t-4 is:

.yui-t4 #yui-main .yui-b { margin-right: 14.8456em;
      *margin-right 14.55em; }

changing this to 13.8456em for firefox et al and 13.57 for IE should
work, i.e. :

.yui-t4 #yui-main .yui-b { margin-right: 13.8456em;
      *margin-right 13.57em; }

Make sure you test across all browsers and don't expect pixel perfect
results across all browsers.

#33640 From: "mchaz84" <mchaz84@...>
Date: Tue Jul 1, 2008 4:51 pm
Subject: Re: 8 ways resize panel + drag
mchaz84
Send Email Send Email
 
It seems it will help :)
I will see it later but i think it'll be ok, thanks a lot!



--- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
>
> mchaz84 --
>
> Here is a modified version:
> http://blog.davglass.com/files/yui/resize4/
>
>
> Does that help?
> Dav
>
> Dav Glass
> dav.glass@...
> blog.davglass.com
>
>
>
>
> + Windows: n. - The most successful computer virus, ever. +
> + A computer without a Microsoft operating system is like a dog
> without bricks tied to its head +
> + A Microsoft Certified Systems Engineer is to computing what a
> McDonalds Certified Food Specialist is to fine cuisine  +
>
>
>
> ----- Original Message ----
> From: mchaz84 <mchaz84@...>
> To: ydn-javascript@yahoogroups.com
> Sent: Tuesday, July 1, 2008 7:32:34 AM
> Subject: [ydn-javascript] Re: 8 ways resize panel + drag
>
> Sure,
> http://mchaz84.info/panel/panel-resize_source.html
>
> i 've put a button to test the resize/drag BEFORE and AFTER
> changing the position of the main div.
>
> Thanks for your time
>
>
> --- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@> wrote:
> >
> > mchaz84 --
> >
> > Can you post a link?
> >
> > Dav
> >
> >  Dav Glass
> > dav.glass@
> > blog.davglass.com
> >
> >
> >
> >
> > + Windows: n. - The most successful computer virus, ever. +
> > + A computer without a Microsoft operating system is like a dog
> > without bricks tied to its head +
> > + A Microsoft Certified Systems Engineer is to computing what a
> > McDonalds Certified Food Specialist is to fine cuisine  +
> >
> >
> >
> > ----- Original Message ----
> > From: mchaz84 <mchaz84@>
> > To: ydn-javascript@yahoogroups.com
> > Sent: Tuesday, July 1, 2008 5:17:45 AM
> > Subject: [ydn-javascript] 8 ways resize panel + drag
> >
> > Hello all
> >
> > I want to make a fully resizable (by 8 ways) and draggable panel.
> > I start from the following example in this page :
> > http://developer.yahoo.com/yui/examples/container/panel-resize.html
> >
> > I update the following line to have 8 ways resize :
> > var resize = new YAHOO.util.Resize('resizablepanel', {
> >      handles: 'all',...}
> >
> > Now i can resize from the top and left of the panel but the behavior
> > is strange (it always resizes by bottom and right).
> >
> > I read that i had to put the div element to "position:absolute" to
> > have the correct behavior (and i need to have the div element as
> > direct child of document.body). By doing this the resize works ok!!
> > But... the panel is no longer draggable.
> >
> >
> > Where is my mistake?
> >
> >
> > ------------------------------------
> >
> > Yahoo! Groups Links
> >
>
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>

#33641 From: Todd Kloots <kloots@...>
Date: Tue Jul 1, 2008 5:28 pm
Subject: Re: Re: Check SubMenu Items
toddkloots
Send Email Send Email
 
Arup -

To get a reference to the submenu of a MenuItem, use the "submenu"
configuration property.  Then use the "getItems" method to retrieve an
array of the items in that submenu:

var aItems  = oMenu.getItem(0).cfg.getProperty("submenu").getItems();

Got it?

- Todd

arup832003 wrote:
>
> Hi Caridy Patino,
>
> Thanks for your reply.
> In my example
> var items = oMenu.getSubmenus(); not giving the set of SubMenu Items
> attached to that MenuItem.
>
> I just want to check/unchech the submenu Items by clicking on them. I
> can do that by using the "checked" configuration property of
> YAHOO.widget.MenuItem.
>
> But, I amn't able to get all the Submenu Items of the selected
> MenuItem as an Object array of YAHOO.widget.MenuItem.
>
> Here is the code.
>
> *************************************************************
> <script type="text/javascript">
>
> /*
> Initialize and render the Menu when its elements are
> ready
> to be scripted.
> */
>
> var oMenu;
>
> YAHOO.util.Event.onContentReady("productsandservices",
> function () {
>
> /*
> Instantiate a Menu: The first argument passed to the
> constructor is the id of the element in the page
> representing the Menu; the second is an object
> literal
> of configuration properties.
> */
>
> oMenu = new YAHOO.widget.Menu("productsandservices", {
> position:
> "static",
> hidedelay: 750,
> lazyload: true });
>
> /*
> Define an array of object literals, each containing
> the data necessary to create a submenu.
> */
>
> var aSubmenuData = [
>
> {
> id: "communication",
> itemdata: [
> { text: "360",checked: true, url:
> "javascript:checkItem();" },
> { text: "Alerts", url:
> "http://alerts.yahoo.com <http://alerts.yahoo.com>" },
> { text: "Avatars", url:
> "http://avatars.yahoo.com <http://avatars.yahoo.com>" },
> { text: "Groups", url:
> "http://groups.yahoo.com <http://groups.yahoo.com> " },
> { text: "Internet Access", url:
> "http://promo.yahoo.com/broadband <http://promo.yahoo.com/broadband>" }
> ]
> }
>
> ];
>
> // Subscribe to the Menu instance's "beforeRender" event
>
> oMenu.subscribe("beforeRender", function () {
>
> if (this.getRoot() == this) {
>
> this.getItem(0).cfg.setProperty("submenu",
> aSubmenuData[0]);
> }
>
> });
>
> /*
> Call the "render" method with no arguments since the
> markup for this Menu instance is already exists
> in the page.
> */
>
> oMenu.render();
>
> });
>
> function checkItem()
> {
> //Check the Selected SubMenuItem.
>
> //var menuitem=oMenu.getItem(0).cfg.getProperty('checked');
>
> //oMenu.getItem(0).cfg.setProperty('checked',true);
>
> var subMenuArr = oMenu.getSubmenus();
> alert(subMenuArr.join('|'));
>
> }
>
> </script>
> *************************************************************
>
> Please, help me to get rid of this Issue.
>
> Thanks,
> Arup
>
> --- In ydn-javascript@yahoogroups.com
> <mailto:ydn-javascript%40yahoogroups.com>, "Caridy Patino"
> <caridy@...> wrote:
> >
> > Hey,
> >
> > To access to a certain element based on the index:
> > var label = oMenu.getItem(0).cfg.getProperty("text");
> >
> > To retrieve an array of all submenus that are direct descendants of a
> > Menu instance, use the getSubmenus method:
> > var items = oMenu.getSubmenus();
> >
> > Best Regards,
> > Caridy Patino (caridy at yahoo-inc.com)
> >
> > --- In ydn-javascript@yahoogroups.com
> <mailto:ydn-javascript%40yahoogroups.com>, "arup832003" <arup832003@>
> > wrote:
> > >
> > > Hi all,
> > >
> > > How can I access all the SubMenu Items of a MenuItem. So that, I can
> > > manipulate it's Configuration properties.
> > >
> > > But, I amn't getting How can I access all the SubMenu Items of a
> > > MenuIten as an object array of MenuItems.
> > >
> > > Please, help me in this regard.
> > >
> >
>
>

#33642 From: "Debby" <dsdart@...>
Date: Tue Jul 1, 2008 6:43 pm
Subject: Datatable column selection
dsdart
Send Email Send Email
 
I looked for this topic, but didn't see it here or in SourceForge...

It looks like column selection isn't handled yet. Has anybody written
a custom event to handle it, with support for single and multiple
(standard) selectionMode?  Are there plans to support this in a future
version of the datatable?

thanks

#33643 From: "myworld100us" <myworld100us@...>
Date: Tue Jul 1, 2008 6:52 pm
Subject: Datatable Cell Editor CSS Issue
myworld100us
Send Email Send Email
 
I have  a Data table which can be edited. one of the cell has a Notes
column . The issue is i want to move the OK and cancel button from the
right hand side of the editor the left hand side . Is it possible . i
use the default cell editor of YUI .

#33644 From: "foxxtrot713" <foxxtrot@...>
Date: Tue Jul 1, 2008 7:03 pm
Subject: Re: YUI Dom and YUI Element
foxxtrot713
Send Email Send Email
 

--- In ydn-javascript@yahoogroups.com, "foxxtrot713" <foxxtrot@...> wrote:
>
> It appears that much of the functionality exposed by YAHOO.util.Dom
> does not support YAHOO.util.Element as it's element argument. Is this
> by design? Or a symptom of YAHOO.util.Element still being in Beta?
> Is anyone working on adding this functionality?
>

After looking at the dom-debug.js file for a bit, I realized this would be a really, really easy fix, so I went ahead and did it.  At runtime, I now run the following:


YAHOO.util.Dom.batch = function(el, method, o, override) {
    el = (el && (el.tagName || el.item || el.DOM_EVENTS)) ? el : Y.Dom.get(el); // skip get() when possible

    if (!el || !method) {
        YAHOO.log('batch failed: invalid arguments', 'error', 'Dom');
        return false;
    } 
    var scope = (override) ? o : window;
    
    if (el.length === undefined) { // Not array like
      if (el.tagName) { // element
          return method.call(scope, el, o);
      }
      
      if (el.DOM_EVENTS) { // YUI Element
      		return method.call(scope, el.get('element'), o);
      }
    }

    var collection = [];
    
    for (var i = 0, len = el.length; i < len; ++i) {
        collection[collection.length] = method.call(scope, el[i], o);
    }
    
    return collection;
}


I think that this (or a variant of this) belongs in the Dom Utility to provide a more consistent API.

Jeff 'foxxtrot' Craig

#33645 From: Eric Miraglia <miraglia@...>
Date: Tue Jul 1, 2008 7:09 pm
Subject: Re: Want to show biking direction using Yahoo Map webservice
ericmiraglia
Send Email Send Email
 
Nihar,

Sorry for the slow response.

The best place to post questions about the Maps Web Services is here:


Regards,
Eric


On Jun 21, 2008, at 9:03 AM, nihar bhatt wrote:

Hi People , 

I am using Yahoo Maps web services using AJAX apis provided by yahoo itself..... 

I want such a feature that shows the "Biking Direction on a Map".

that means if i programmatically pass the parameters "form here" and "To" it shows the biking direction on a map.


so please someone point me out how to achieve that ......


Thanks,
Nihar 



#33646 From: Eric Miraglia <miraglia@...>
Date: Tue Jul 1, 2008 7:12 pm
Subject: Re: How to recreate a tabView without reloading page?
ericmiraglia
Send Email Send Email
 
On Jun 21, 2008, at 8:09 PM, Brian McCullough wrote:

My question for the group has to do with other YUI components contained
within a Tab. I am able to change and re-render any contents that is
"plain HTML," but things like Containers ( and the buttons that open
them ), don't work after I re-render the contents of the Div within the
Tab. How much of the code related to the Container ( Overlay ) do I
need to re-execute. Just the addListener ( possibly preceeded by a
removeListener ), or do I need to do more?

Brian,

Generally, the only special handling you need to do is to defer instantiating a component on a Tab until the Tab is shown for the first time.  Because Tab content is set to display:none when hidden, instantiation of components like Buttons or Containers can be problematic if they are targeting content on a hidden Tab.

One component that is more complex is the the Charts Control, which currently has problems being shown and hidden.  For Charts, a more complex workaround (here) is needed.

Regards,
Eric

#33647 From: "Nicholas Zakas" <nzakas@...>
Date: Tue Jul 1, 2008 7:15 pm
Subject: RE: Re: Grouping TestCases from different Pages in TestSuites
nicholas.zakas
Send Email Send Email
 

Hi Bernd,

 

Sadly, that’s not possible. It would require file system access from JavaScript which is strictly prohibited for security reasons.

 

Regards,

Nicholas

 


From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of Bernd Schiffer
Sent: Monday, June 30, 2008 10:30 AM
To: ydn-javascript@yahoogroups.com
Subject: [ydn-javascript] Re: Grouping TestCases from different Pages in TestSuites

 

Hi Nicholas.

Thank you for your reply. Works great!

Is there a way to let TestManager find all the necessary pages itself,
e.g. passing it the directory where it could search recursivly for
*.html-Files?

Bernd

--- In ydn-javascript@yahoogroups.com, "Nicholas Zakas" <nzakas@...>
wrote:
>
> Hi Bernd,
>
>
>
> There's no way to add multiple Test Cases in different pages to the same
> Test Suite. There is, however, a way to run multiple pages of tests one
> after the other. It's not documented mostly because it's a bit hacky and
> I haven't had the time to build it out appropriately, but it is
> functional. The object is called TestManager. Rather than explaining how
> to use it, it's probably easier to look at an example
>
>
>
> If you look in the YUI zip file, there is a tests directory. The
> YUI.html file uses the TestManager to run tests on a series of pages.
> Each page is only responsible for telling the main page that it's ready
> to be executed. Each of the other HTML files in that directory can be
> run either as a standalone page or as part of the YUI.html page. I'd
> recommend taking a look at both the YUI.html file and one of the simpler
> unit test files such as profiler.html for a good example of how to set
> this up.
>
>
>
> -Nicholas
>


#33648 From: "y_lsmith" <lsmith@...>
Date: Tue Jul 1, 2008 7:28 pm
Subject: Re: Incorrect column resizing of datatable in Firefox
y_lsmith
Send Email Send Email
 
Mike,

I see what you mean.  Unfortunately, your use case is particularly
challenging, since you have most columns with auto widths, one column
with a minWidth, all resizeable columns, and an overall fixed width,
all within a Y-scrollable table.

I was able to achieve something close to what you need on this page:
http://yuiblog.com/sandbox/yui/v252/examples/datatable/dt_in_iframe.html

It may not scale well to your full app, but who knows.  It definitely
doesn't gracefully handle resizing columns, and otherwise it's largely
untested, so YMMV.

The next release of DataTable will have a new mechanism for managing
column and table widths, so you might want to submit a SourceForge
bug/feature request for your use case that we can try to validate our
development against it.

Hope this helps,
Luke


--- In ydn-javascript@yahoogroups.com, "Mike Prince" <bubomike@...> wrote:
>
> Hi Luke
>
> Yes I have. If I set a width on the container div it makes no
> difference, and if I set a width in the datatable config itself I get
> a horizontal scrollbar (as would be expected).
>
> -- Mike --
>
> --- In ydn-javascript@yahoogroups.com, "y_lsmith" <lsmith@> wrote:
> >
> > Mike,
> >
> > Have you tried setting the width configuration to be in accord with
> > the iframe width?
> >
> > Luke
> >
>

Messages 33619 - 33648 of 52481   Oldest  |  < Older  |  Newer >  |  Newest
Add to My Yahoo!      XML What's This?

Copyright © 2010 Yahoo! Inc. All rights reserved.
Privacy Policy - Terms of Service - Guidelines NEW - Help