I have seen a cool footer in a dojo slides. The footer will autohide
like window's Taskbar.

Has anyone already done that? Or please point me to some examples?

Thanks

Chris

Hi

I need to display the photos as shown in the Photo Box example,
but in example, the url of photos are hardcoded...

my question is how can we set the url of photos dynamically,which
picks the photo from database depending on the photoid?

Any suggestions please

Thanks
Priya

Jenny,

If I add the form.submit() before
oAutoComp.itemSelectEvent.subscribe(myHandler);
then it submits with out filling in the secondary field if I put it after
it goes into a loop. Any Idea of what I can do here.

Thanks

oACDS = new YAHOO.widget.DS_XHR("requests.php", ["ResultSet.Result",
"firstName", "lastName"]);
oACDS.queryMatchContains = true;
oACDS.scriptQueryAppend  = "output=json&do=actionname"; // Needed for YWS

// Instantiate auto complete
oAutoComp = new YAHOO.widget.AutoComplete("FormFieldName","DivName",
oACDS' . $widget . ');
oAutoComp.maxResultsDisplayed = 200; // Display up to 20 results in the
container
oAutoComp.forceSelection 	 = true;   // Enable force selection
oAutoComp.queryDelay          = 0;                         // Every key
input event will trigger an immediate query...

// Format results since we are returning more then the first element in
the array
oAutoComp.formatResult = function(oResultItem, sQuery) {
	 // This was defined by the schema array of the data source
	 var sFirstName = oResultItem[0];
	 var sMarkup    = sFirstName;
	 return (sMarkup);


var myHandler = function(type, args, me) {
	 var oAutoComp = args[0]; // the autocomplete instance
	 var elListItem = args[1]; // the result list item element
	 var keyData = args[2][0]; // result data [0]
	 var moredata = args[2][2]; // result data [1]

	 document.getElementById("DivName").value = moredata; // Set data into
employeeID form field
}
oAutoComp.itemSelectEvent.subscribe(myHandler);


> Hi Jim,
>
> What about hooking into the itemSelectEvent to submit the form?
> Something like
>
> myAutoComp.itemSelectEvent.subscribe(myHandler);
>
> var myHandler = function(){
>    myForm.submit();
> }
>
> Jenny
>
> --- In ydn-javascript@yahoogroups.com, "THECREW" <jim@...> wrote:
>>
>> I would like to enable the enter key so that once a selection has been
>> made that the form can be submitted and not have to use the submit
>> button. Any help on where this has been disabled would be great.
>>
>> Thanks
>> Jim
>>
>
>
>
>
>


--
Jim Baumann
PoorMansWeb
775.771.0498

I tested the fix in my code and it works like a charm.

Thanks

--- In ydn-javascript@yahoogroups.com, Todd Kloots <kloots@...> wrote:
>
> Thanks for reporting this one.  It appears to be a bug
> in FF 1.5 only.  I tested this in FF 1.0.x and it
> works correctly.
>
> The source of the problem appears to be MenuBar's use
> of "overflow:hidden."  It seems static elements with
> their overflow set to "hidden" prevent their
> positioned children from properly overlaying other
> elements on the page in FF 1.5.
>
> You can add this style declaration to your page to fix
> the bug:
>
> div.yuimenubar ul {
>
>     overflow:visible;
>
> }
>
> Here is a test page demonstrating the fix:
>
> http://yuiblog.com/sandbox/yui/v011/examples/menu/example08.php
>
> - Todd
>
>
> --- yuidev2006 <amosson@...> wrote:
>
> > The menu's in the example file
> > applicationmenubar.html seem to show
> > under any content placed in the body of the document
> > in Firefox
> > 1.5.0.5 only.  It seems to work correctly in both IE
> > and Safari.
> >
> > To demonstrate this I added the following to the
> > body of the document
> >
> > <div id="blah" style="position:absolute; top:100px;
> > width:300px;
> > z-index:0; background-color:red;">Line 1<br>Line
> > 2</div>
> >
> > In Firefox 1.5.0.5, when you click on the File or
> > Edit button, the
> > menu appears below the red div.
> >
> > This works correctly in IE and Safari.
> >
> > Is this a know issue?
> >
> >
> >
> >
> >
> >
> >
> > Yahoo! Groups Links
> >
> >
> >     ydn-javascript-unsubscribe@yahoogroups.com
> >
> >
> >
> >
> >
> >
> >
>

Thanks Matt,
The only difference between the two is the YUI version. Version 0.10
works fine, version 0.11.2 has the flickering issue.
-Caige
--- In ydn-javascript@yahoogroups.com, Matt Sweeney <msweeney@...> wrote:

Hi Caige,
I can see the flicker on the left element as you've described. I'll investigate and see if I can pinpoint the cause.
Is the only diff between your examples the YUI version?
Thanks,
Matt
caigesn wrote:

I've increased the size of the center container so there is more area
to scroll. Again, the animation works fine in Internet Explorer. The
problem is evident in Firefox 1.5.0.5, Flock 0.7.1, and older gecko
versions. If animation.js is replaced with the 0.10 version the
animation works fine. I'll be uploading a video screen capture of the
problem soon. Watch the left container after scrolling. I've tested
this on many systems and the problem does not appear to be isolated.
-Caige
--- In ydn-javascript@yahoogroups.com, "Chris Thatcher"
<thatchman@> wrote:

I see no flickering (Firefox 1.5.0.5)
On 7/28/06, caigesn <caigesn@> wrote:

 --- In ydn-javascript@yahoogroups.com

<ydn-javascript%40yahoogroups.com>,

"vividsilvernl" <yahoo@> wrote:

Hi,
No flickering for me on W2K, IE6 (latest updates).
Maurice.
--- In ydn-javascript@yahoogroups.com

<ydn-javascript%40yahoogroups.com>,

"caigesn" <caigesn@> wrote:

I have recently upgraded YUI to version 0.11.2 from 0.10.0 and am
experiencing some strange animation issues. There are basically

three

containers on the page. The left and right containers follow

you as

you scroll down the page. The center container is intended for
content. In version 0.10.0 the animation works fine, but in

version

0.11.2 the left container flickers after it is done animating.

If I

reverse the order in which I initialize the left and right

containers

then the flickering will happen on the right container. I have

setup

the example on my site:
YUI Version 0.10.0
http://www.sevenblend.com/followMe_yui_10
YUI Version 0.11.2
http://www.sevenblend.com/followMe_yui_112
I have the source for this example loaded into a syntax

highlighter

in

the center container. The scripts/loadPage.js initializes the
animation and sets the onscroll events for the containers. If

anyone

knows what might be causing this issue please respond.

I should have mentioned that it works fine in IE. The flickering only
happens in Firefox. I am using Firefox 1.5.0.5

-- ~Chris

Yahoo! Groups Links

Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/ydn-javascript/
<*> To unsubscribe from this group, send an email to:
ydn-javascript-unsubscribe@yahoogroups.com
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/

Hi Jim,

Sorry, I don't quite follow. Is this causing an infinite loop for you?
I don't see where you are calling submit() on the form. If you
continue to have this problem, can you paste the entire HTML into a
message (or even better, send us a link), and be sure to mention what
browser and OS you're on.

Thanks!
jenny




var myHandler = function(type, args, me) {
	 var oAutoComp = args[0]; // the autocomplete instance
	 var elListItem = args[1]; // the result list item element
	 var keyData = args[2][0]; // result data [0]
	 var moredata = args[2][2]; // result data [1]

	 document.getElementById("DivName").value = moredata; // Set data into
employeeID form field

         myForm.submit();
}

oAutoComp.itemSelectEvent.subscribe(myHandler);




--- In ydn-javascript@yahoogroups.com, "Jim Baumann" <jim@...> wrote:
>
> Jenny,
>
> If I add the form.submit() before
> oAutoComp.itemSelectEvent.subscribe(myHandler);
> then it submits with out filling in the secondary field if I put it
after
> it goes into a loop. Any Idea of what I can do here.
>
> Thanks
>
> oACDS = new YAHOO.widget.DS_XHR("requests.php", ["ResultSet.Result",
> "firstName", "lastName"]);
> oACDS.queryMatchContains = true;
> oACDS.scriptQueryAppend  = "output=json&do=actionname"; // Needed
for YWS
>
> // Instantiate auto complete
> oAutoComp = new YAHOO.widget.AutoComplete("FormFieldName","DivName",
> oACDS' . $widget . ');
> oAutoComp.maxResultsDisplayed = 200; // Display up to 20 results in the
> container
> oAutoComp.forceSelection 	 = true;   // Enable force selection
> oAutoComp.queryDelay          = 0;                         // Every key
> input event will trigger an immediate query...
>
> // Format results since we are returning more then the first element in
> the array
> oAutoComp.formatResult = function(oResultItem, sQuery) {
>  // This was defined by the schema array of the data source
>  var sFirstName = oResultItem[0];
>  var sMarkup    = sFirstName;
>  return (sMarkup);
>
>
> var myHandler = function(type, args, me) {
>  var oAutoComp = args[0]; // the autocomplete instance
>  var elListItem = args[1]; // the result list item element
>  var keyData = args[2][0]; // result data [0]
>  var moredata = args[2][2]; // result data [1]
>
>  document.getElementById("DivName").value = moredata; // Set data into
> employeeID form field
> }
> oAutoComp.itemSelectEvent.subscribe(myHandler);
>
>
> > Hi Jim,
> >
> > What about hooking into the itemSelectEvent to submit the form?
> > Something like
> >
> > myAutoComp.itemSelectEvent.subscribe(myHandler);
> >
> > var myHandler = function(){
> >    myForm.submit();
> > }
> >
> > Jenny
> >
> > --- In ydn-javascript@yahoogroups.com, "THECREW" <jim@> wrote:
> >>
> >> I would like to enable the enter key so that once a selection has
been
> >> made that the form can be submitted and not have to use the submit
> >> button. Any help on where this has been disabled would be great.
> >>
> >> Thanks
> >> Jim
> >>
> >
> >
> >
> >
> >
>
>
> --
> Jim Baumann
> PoorMansWeb
> 775.771.0498
>

---

To: ydn-javascript@yahoogroups.com
From: don_lacuran@...
Date: Tue, 1 Aug 2006 16:35:33 -0700
Subject: [ydn-javascript] Reset Calendars

When somebody clicks the reset button I would like the calendars to reset back to how they were when I first rendered them.  I cleared the min and max dates that are set when the calendars have a date selected.  My problem is that I can't remove the date selection.  For instance, I open a calendar and select 8/15/2006.  Then I click the reset button.  I open the calendar back up and the date 8/15/2006 is still selected.  What's the code to remove this?  I'd like everything to go back to how it was in the very beginning ... clearing this selected date is my last step.

Thanks.


----
Donnie La Curan (Slapyo)
don_lacuran@hotmail.com
http://www.veteransresources.org

---

Express yourself instantly with Windows Live Messenger! Windows Live Messenger!

---

To: ydn-javascript@yahoogroups.com
From: don_lacuran@...
Date: Tue, 1 Aug 2006 16:35:33 -0700
Subject: [ydn-javascript] Reset Calendars

When somebody clicks the reset button I would like the calendars to reset back to how they were when I first rendered them.  I cleared the min and max dates that are set when the calendars have a date selected.  My problem is that I can't remove the date selection.  For instance, I open a calendar and select 8/15/2006.  Then I click the reset button.  I open the calendar back up and the date 8/15/2006 is still selected.  What's the code to remove this?  I'd like everything to go back to how it was in the very beginning ... clearing this selected date is my last step.

Thanks.


----
Donnie La Curan (Slapyo)
don_lacuran@hotmail.com
http://www.veteransresources.org

---

Express yourself instantly with Windows Live Messenger! Windows Live Messenger!

---

To: ydn-javascript@yahoogroups.com
From: peterson@...
Date: Tue, 1 Aug 2006 17:08:47 -0700
Subject: RE: [ydn-javascript] Reset Calendars

Have you tried calendar.reset()? That sets the state to what it was initially. calendar.clear() will completely clear the calendar.

 

Steven Peterson

Web Developer, Platform Engineering

Yahoo!

 

 

 

From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of Donnie La Curan
Sent: Tuesday, August 01, 2006 4:42 PM
To: Donnie La Curan
Subject: RE: [ydn-javascript] Reset Calendars

 

After sending the email to the group I found it in the documentation.

cal1.deselect();
cal1.deselectAll();

What is the difference between deselect() and deselectAll()?  Would deselectAll() be for calendars that have multiple date selections?


----
Donnie La Curan (Slapyo)
don_lacuran@hotmail.com
http://www.veteransresources.org

---

To: ydn-javascript@yahoogroups.com
From: don_lacuran@hotmail.com
Date: Tue, 1 Aug 2006 16:35:33 -0700
Subject: [ydn-javascript] Reset Calendars

When somebody clicks the reset button I would like the calendars to reset back to how they were when I first rendered them.  I cleared the min and max dates that are set when the calendars have a date selected.  My problem is that I can't remove the date selection.  For instance, I open a calendar and select 8/15/2006.  Then I click the reset button.  I open the calendar back up and the date 8/15/2006 is still selected.  What's the code to remove this?  I'd like everything to go back to how it was in the very beginning ... clearing this selected date is my last step.

Thanks.


----
Donnie La Curan (Slapyo)
don_lacuran@hotmail.com
http://www.veteransresources.org

---

Express yourself instantly with Windows Live Messenger! Windows Live Messenger!

 

---

Express yourself instantly with Windows Live Messenger! Windows Live Messenger!

Thanks for that, I did not think there was existing methods to handle
this as I could not locate them in the scripts.

I have a nice set of methods of my own to handle these, so I will
continue to use those.

Cheers.


--- In ydn-javascript@yahoogroups.com, Matt Sweeney <msweeney@...>
wrote:
>
> There is currently no tool for this, but if there were, they would
> probably look something like:
>
> YAHOO.util.Dom.getWindowScrollX = function() {
>    return Math.max(document.documentElement.scrollLeft,
> document.body.scrollLeft);
> };
>
> YAHOO.util.Dom.getWindowScrollY = function() {
>    return Math.max(document.documentElement.scrollTop,
> document.body.scrollTop);
> };
>
> (using Math.max() to ensure accuracy between rendering modes)
>
> Matt

---

To: ydn-javascript@yahoogroups.com
From: peterson@...
Date: Tue, 1 Aug 2006 17:21:56 -0700
Subject: RE: [ydn-javascript] Reset Calendars

If you use reset(), the min and max dates will remain, because they are not related to the selections. If you want to clear min and maxDate, you can set them to null.

 

Steven Peterson

Web Developer, Platform Engineering

Yahoo!

 

 

 

From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of Donnie La Curan
Sent: Tuesday, August 01, 2006 5:18 PM
To: ydn-javascript@yahoogroups.com
Subject: RE: [ydn-javascript] Reset Calendars

 

So if I use caledar.reset() I won't have to set my min and max dates back to the original ones or will I still need to do that?


----
Donnie La Curan (Slapyo)
don_lacuran@hotmail.com
http://www.veteransresources.org

---

To: ydn-javascript@yahoogroups.com
From: peterson@yahoo-inc.com
Date: Tue, 1 Aug 2006 17:08:47 -0700
Subject: RE: [ydn-javascript] Reset Calendars

Have you tried calendar.reset()? That sets the state to what it was initially. calendar.clear() will completely clear the calendar.

 

Steven Peterson

Web Developer, Platform Engineering

Yahoo!

 

 

 

From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of Donnie La Curan
Sent: Tuesday, August 01, 2006 4:42 PM
To: Donnie La Curan
Subject: RE: [ydn-javascript] Reset Calendars

 

After sending the email to the group I found it in the documentation.

cal1.deselect();
cal1.deselectAll();

What is the difference between deselect() and deselectAll()?  Would deselectAll() be for calendars that have multiple date selections?


----
Donnie La Curan (Slapyo)
don_lacuran@hotmail.com
http://www.veteransresources.org

---

To: ydn-javascript@yahoogroups.com
From: don_lacuran@hotmail.com
Date: Tue, 1 Aug 2006 16:35:33 -0700
Subject: [ydn-javascript] Reset Calendars

When somebody clicks the reset button I would like the calendars to reset back to how they were when I first rendered them.  I cleared the min and max dates that are set when the calendars have a date selected.  My problem is that I can't remove the date selection.  For instance, I open a calendar and select 8/15/2006.  Then I click the reset button.  I open the calendar back up and the date 8/15/2006 is still selected.  What's the code to remove this?  I'd like everything to go back to how it was in the very beginning ... clearing this selected date is my last step.

Thanks.


----
Donnie La Curan (Slapyo)
don_lacuran@hotmail.com
http://www.veteransresources.org

---

Express yourself instantly with Windows Live Messenger! Windows Live Messenger!

 

---

Express yourself instantly with Windows Live Messenger! Windows Live Messenger!

 

 

---

Be one of the first to try Windows Live Mail. Windows Live Mail.

Hi,

I've created a page which uses yahoo ui to dinamically add options to
a select, and then I make these options draggable. This works ok in
firefox, but explorer is giving me some problems. I tried a simple
select and made each option in the select draggable, and again it
works fine in firefox... but explorer doesn't like it. I'm using yui
version 0.11.2.

Thanks for the help!

Here is the important code:::::::::::::::::::::::::::::::::::::::::::

new YAHOO.util.DD("dd1");
new YAHOO.util.DD("dd2");
new YAHOO.util.DD("dd3");


<select id="testselect" name="testselect" size="5">
	 <option id="dd1" value="first">first option</option>
	 <option id="dd2" value="second">second option</option>
	 <option id="dd3" value="third">third option</option>
</select>


full test file:::::::::::::::::::::::::::::::::::::::::::::::::::::::

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>test</title>

<!-- Namespace source file -->
<script type="text/javascript" src="build/yahoo/yahoo.js"></script>

<!-- Dependency source files -->
<script type="text/javascript" src="build/dom/dom.js"></script>
<script type="text/javascript" src="build/event/event.js"></script>

<!-- Drag and Drop source file -->
<script type="text/javascript" src="build/dragdrop/dragdrop.js" ></script>
<script type="text/javascript" src="build/animation/animation.js"
></script>

<script language="javascript">
	 function init()
	 {
		 new YAHOO.util.DD("dd1");
		 new YAHOO.util.DD("dd2");
		 new YAHOO.util.DD("dd3");
	 }
	 YAHOO.util.Event.addListener(window, 'load', init);

</script>
</head>
<body>
<select id="testselect" name="testselect" size="5">
	 <option id="dd1" value="first">first option</option>
	 <option id="dd2" value="second">second option</option>
	 <option id="dd3" value="third">third option</option>
</select>
</body>
</html>

I'm sure it's me.  I have an Event.onAvailable running a method to
query the height of a div.  the div is the only item in the body tag
and it contains some lorem ipsum text.  it's height and width are not
set explicitly.

when I do:
YAHOO.util.Dom.getStyle('divname','height')
(and parseInt it)

I get a number for Firefox, but when I do it for IE, it gives me NaN.
(yes I know it's "not a number" ;) ).  Does IE require some container
div or an explicit height or something else I've missed?

It'd be ideal if the height could be picked up dynamically.

TIA!

The latest version at
https://secure0.forward-comp.co.uk/yui/cv/test.html is using 0.11.*

mattesid wrote:

> Nige,
>
> DDTreeView is just a great extention of YUI TreeView, but it's using
> YUI 0.10.0, and when we try to use it with Treeview.js ver 0.11.x, teh
> tree will render ok, but Drag-drog fails completely.
>
> We'd like to stay as current with YUI widgets as possible. Could you
> take a quick peek and see if this is an easy upgrade for you to make.
> If not, can you give us some hints about where to look, so we might do
> it without too much study of the detail of your code?
>
> Thanks,
>
> --Matt
>
>
> _____________________________________________________________________
> 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@...

If you look at examples of the menu (e.g.
http://developer.yahoo.com/yui/examples/menu/example07.html), you will
see that there is an area in each top menu item that is inactive. In
other words, it's not associated with a link or a mouse action. This
area is close to the arrow. Is it a flaw of the example (poorly coded)
or the library's menu code? It works fine in Firefox. IE is a major
browser, and I'd expect that the library work better in IE than in
Firefox.

Roman

There's something wrong with it -- the tree is practically invisible.


--- In ydn-javascript@yahoogroups.com, Nige White <nigelw@...> wrote:
>
> The latest version at
> https://secure0.forward-comp.co.uk/yui/cv/test.html is using 0.11.*
>

I have two divs and one inside the other. I want to know how
do I make the smaller div draggable only inside the bigger div.
(something like the silder does)
Thanks in advance.

Hi,
I've been working on something to submit a form via YUI Connection
Manager. Take the following SELECT box which is part of the form:

<select name="customer_status_id" id="customer_status_id">
<option value="">- ANY -</option>
<option value="1">New customer</option>
<option value="2">Standard</option>
<option value="3">VIP</option>
<option value="4">Blacklist</option>
</select>

Note how the value of the "- ANY -" option is set to an empty string,
which my form parser picks up as meaning the user doesn't want to filter
this option.

However, there's a line in YUI connection.js setForm function which
overrides the default browser behaviour of returning the selected value:

this._sFormData += encodeURIComponent(oName) + '=' +
encodeURIComponent(oElement.options[j].value ||
oElement.options[j].text) + '&';

This means if the option value is blank, the option text is sent
instead. Browsers will do this is value has NOT BEEN SET (e.g.
<option>TEXT</option>, but not if the value has been set to an empty string.

Not a major inconvenience to check for in my PHP form parsing code but
it is something which - I think anyway - goes against the default
behaviour of a browser and something people may want to be aware of if
they're getting unexpected behaviour from their requests.

Regards,
Michael Price

--- In ydn-javascript@yahoogroups.com, "rodiniz2003" <rodiniz@...> wrote:
>
> I have two divs and one inside the other. I want to know how
> do I make the smaller div draggable only inside the bigger div.
> (something like the silder does)
> Thanks in advance.
>

Yes, use:

void  	  setXConstraint  (<int> iLeft, <int> iRight, <int> iTickSize)
void  setYConstraint (<int> iUp, <int> iDown, <int> iTickSize)

--- In ydn-javascript@yahoogroups.com, "THECREW" <jim@...> wrote:
>
> Is there a way to have the form submit when the selection has been
> made from the autocomplete list? instead of filling in the form field
> then having to click on submit?
>

I sent this earlier but it did not seem to go through.

Yes. Add a handler to listen to itemSelectEvent:

// oAutoComp is the auto complete object
oAutoComp.itemSelectEvent.subscribe(myOnItemSelect);

function myOnItemSelect(sType, aArgs) {
   document.getElementById('form_id').submit();
}