Serverside response for spry rating

first off, where is the best place to post spry questions?
I am building a spry rating widget using the dynamic sample from the spry documentation: http://labs.adobe.com/technologies/spry/articles/rating_overview/index.html
I understand how to send the information to a script.php on the server and processes the data, but I do not know how to retrieve the data from the script. Do i need to generate an xml page?

Hi,
the Spry forums are here:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Cheers,
Günter Schenk
Adobe Community Expert, Dreamweaver

Similar Messages

Just noticed error in samples for "Spry Rating"

Hello, everyone.
Just a heads-up if you are using the Spry Rating Widget.
According to the samples page at http://labs.adobe.com/technologies/spry/samples/rating/RatingSample.html if you want to disable multiple votes (at least until page refresh) you set the option "allowMultipleVoting:false".
It should be "allowMultipleRating:false".
Took me almost an hour to figure this one out. Hope this saves a few people some trouble.
^_^

disregard. sorry.
          Paul Rowe wrote in message <[email protected]>...
          >Howdy;
          >
          > I just installed SP9 on my Redhat Linux 6.2 WL Server. The following
          >errors started to appear (lots of them):
          >
          >Thu May 10 09:10:22 PDT 2001:<E> <HTTP> Connection failure
          >java.net.SocketException: Error in poll for fd: '73', revents: '59'
          >
          > I noticed the server doesn't respond to HTTP requests sometimes, and the
          >HTTP side was completely down this morning. As a result I am reverting
          back
          >to SP8.
          >
          > Anyone else seeing this problem?
          >
          >
          >

Rating widget serverside response

I am building a spry rating widget using the dynamic sample
from the spry documentation:
http://labs.adobe.com/technologies/spry/articles/rating_overview/index.html
I understand how to send the information to a script.php on
the server and processes the data, but I do not know how to
retrieve the data from the script. Do i need to generate an xml
page?
thanks

I agree. I tried to use Spry Rating and it was crap. It's
useless if you can't post the data to the SQL backend. I am a
seasoned LAMP developer and I couldn't figure it out. Their team
spent all this time and effort to create these widgets and didn't
give ample documentation on how to use them. I'm not impressed.
Hopefully they're all jobless now because of their documentation
deficiencies. They are certainly useless to Adobe creating
worthless fancy widgets...
Bobby

Generate Photo Gallery XML for Spry with Adobe Bridge

Wanted to post a note to what I've discovered/worked out -- a
way to
generate a very useful photos.xml from Adobe Bridge. If you
use Bridge,
it's very easy to add titles, keywords, ratings -- all kinds
of metadata
that one might use in a photo gallery. Here it is in case
anyone wants
to use.
The script is based on one I found at the Adobe User to User
Bridge
Scripting Forum for exporting a CSV file.
Note 1: this particular script doesn't take into account
CDATA that
might exist in your metadata, like ampersands in your title.
I've just
avoided using those, but you could also have the script write
out a
CDATA node for that info instead.
Note 2: this script does not write out a thumbpath,
thumbwidth or
thumbheight attribute. But usually the thumbpath is the exact
same as
the regular "path" attribute, and the thumbwidth and
thumbheight are
just a ratio of the regular "width" and "height" attributes.
I added a
bit of JS to the gallery.js file to calculate those before
growing the
thumbnail on rollover.
Personally I'm using keywords as categories and titles as
captions and
sorting by rating (stars in Bridge), so here's the .jsx file
I created.
The script should be saved to the folder "StartupScripts" in
Program
Files/Common Files/Adobe.
Hope this is useful for others too!
#target bridge
if (BridgeTalk.appName == "bridge" ) {
// create menu
var menu = MenuElement.create( "command", "Export XML File",
"at the end
of Tools");
menu.onSelect = function(m) {
try {
// ask for the name of the output file
var f = File.saveDialog("Export XML file to:", "XML
File:*.XML");
if ( !f ) { return; }
// open filestream and write first line
f.open("w");
f.writeln("\<photos\>\r\r");
// get a list of all the visible thumbnails in Bridge
var items = app.document.visibleThumbnails;
for (var i = 0; i < items.length; ++i) { var item = items
f.writeln("\<photo path = \"" + item.name + "\"" + "\r" +
"width = " +
"\""+ getWidth(item) + "\"" + "\r" + "height = " + "\""+
getHeight(item)
+ "\"" + "\r" + "rating = " + "\""+ getRating(item) + "\"" +
"\r" +
"categories = " + "\""+ listKeywords(item) + "\"" + "\r" +
"caption = "
+ "\""+ getTitle(item) + "\"" + " \>" + "\r" +
"\<\/photo\>\r\r" ); }
f.writeln("\<\/photos\>");
f.close();
} catch(e) {
function getTitle(tn) {
md = tn.metadata;
md.namespace = "
http://purl.org/dc/elements/1.1/";
var varTitle = md.title;
return varTitle;
function getWidth(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varWidth = md.ImageWidth;
return varWidth;
function getHeight(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varHeight = md.ImageLength;
return varHeight;
function getRating(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/xap/1.0/"
var varRating = md.Rating;
return varRating;
function listKeywords(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/photoshop/1.0/";
var Keywords = md.Keywords;
var varKeywords = "" ;
for ( var i = 0; i < Keywords.length; ++i ) { varKeywords
= varKeywords
+ Keywords + ","; }
return varKeywords;

I updated the script so it exports an XML file from Bridge
with full
compatibility with the Spry Demo Photo Gallery, to use as
photos.xml.
It's at the same address:
http://www.imagicdigital.com/spry/bridge_export_xml.zip
To Use:
The script goes in the folder "StartupScripts" in Program
Files/Common
Files/Adobe.
Launch Bridge and browse to a folder that contains the files
you want in
your gallery -- the "source" folder, as it were.
Choose the menu command "Tools > Export XML for Spry
Gallery".
Type a name for your XML file in the Save dialog box, choose
a location,
and hit "Save".
In the dialog box that pops up, enter a max length/width for
your
thumbnails, in pixels. Some common sizes are "75" , "100" or
"125".
Hit "OK". You should see an alert pop up telling you "XML
file
successfully created!"

Help with Spry Rating Widget within a Spry Repeating Region

My link http://www.youthinkyougotitbad.com
This is a long question, but it seems to me if answered somewhere it could help alot of people in the spry community creating comment boards as it uses three important spry widgets: rating, repeating, and tabbed panels. I am trying to use spry rating widget within a spry repeating region within a spry tabbed panel with xml. I was trying to go with the pulse light script (http://forums.adobe.com/message/3831721#3831721) but Gramps told me about the spry rating widget. But I have ran into a couple more problems. First, I couldnt find that much information on the forums or online about how to do the php page with the spry rating widget. None of these have any information on how to do it:
http://labs.adobe.com/technologies/spry/articles/rating_overview/index .html
http://labs.adobe.com/technologies/spry/articles/data_api/apis/rating. html
http://labs.adobe.com/technologies/spry/samples/rating/RatingSample.ht ml
And it seems that the official examples are so poor (or I am just ignorant, which def could be a possiblity) it shows
to set the initial rating value from the server, but uses a static value of 4
http://labs.adobe.com/technologies/spry/samples/rating/RatingSample.html
<span id="initialValue_dynamic" class="ratingContainer">
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <span class="ratingButton"></span>
         <input id="spryrating1_val" type="text" name="spryrating1" value="4" readonly="readonly" />
         <span class="ratingRatedMsg sample">Thanks for your rating!</span>
</span>
<script>
var initialValue_dynamic = new Spry.Widget.Rating("initialValue_dynamic", {ratingValueElement:'spryrating1_val'});
</script>
I finally found a site that has the php and mysql setup.
http://www.pixelplant.ro/en/articles/article-detail/article/adobe-widgets-for-download.htm l
But its not perfect. It has the same problem that I ran into with Pulse light, that you had to use php echo within the spry repeating region to set the initial value from the server:
<span id="spryrating1" class="ratingContainer">
         <span class="ratingButton"></span>
            <input type="text" id="ratingValue" name="dynamic_rate" value="<?php echo $row['average']?>"/>
        </span>
        <script type="text/javascript"
            var rating1 = new Spry.Widget.Rating("spryrating1", {ratingValueElement:'ratingValue', afterRating:'serverValue', saveUrl: 'save.php?id=spryrating1&val=@@ratingValue@@'});
        </script>
So instead, I tried with three of my panels (www.youthinkyougotitbad.com) to get the average rating from xml by using the following queries:
Recent
Returns the blurts in most recent order along with average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC
Wet Eyed
Returns the blurts in highest ratings order along with the average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt AND ratings.rating_value > 0.1 Group By Id_blurt ORDER BY average_r Desc
Dry Eyed
Returns the blurts in lowest rating order along with the average rating
SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt AND ratings.rating_value > 0.1 Group By Id_blurt ORDER BY average_r
These all return the correct xml in the correct order.And they return the average rating of each blurt which I can send to my page with xml.
My first question is that I dont know how to configure the query on my fourth panel Empathized & Advised the same way because it already has a Group By for the Comment Id.
SELECT `Comment`.id_Blurt, COUNT(*) as frequency, Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt, DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt, `Comment` WHERE Blurt.Id_blurt = `Comment`.id_Blurt GROUP BY `Comment`.id_Blurt ORDER BY COUNT(*) DESC";
Not sure if you guys need more information to understand that all, if so just ask.
So after I get my average value through xml to the first three panels, I set my spry repeating region up like this:
(Blurt panel)
<div spry:region="pv1" spry:repeatchildren="pv1">
           <div class="blurtbox">
            
            <h3> "{pv1::Blurt}"</h3>
            <p> Blurted from {pv1::Location} at {pv1::Date}</p>
            <p>Empathize or Advise about {pv1::Name}'s Blurt #<a href="detailblurt.php?blurtid={pv1::Id_blurt}"> {pv1::Id_blurt}</a></a></p>
           <span id="{pv1::Id_blurt}" class="ratingContainer">
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingButton"></span>
            <span class="ratingRatedMsg">Thank You! Your tears have been tallied.</span>
            <input type="text" id="ratingValue" name="dynamic_rate" value="{pv1::average_r}"/>
        </span>
        <script type="text/javascript">
            // overview of available options and their values:
            // http://labs.adobe.com/technologies/spry/articles/rating_overview/index.html
            var rating1 = new Spry.Widget.Rating("{pv1::Id_blurt}", {ratingValueElement:'ratingValue', afterRating:'serverValue', saveUrl: 'save.php?id={pv1::Id_blurt}&val=@@ratingValue@@'});
        </script>
             <br/>
           </div>
          </div>
Ok, it registers the right vote in the database with the right blurt id each time. But I am having two problems so far:
One, even though {pv1::average_r} returns the correct average through xml, it doesn't show the initial rating value for each of the repeating blurts. It seems to show the first one correct, and then just repeat that same value to the other ones that follow. I just dont understand since it can get the correct server value right after you vote (afterRating:'serverValue), that I can't manipulate spryrating.js in some way that I could just replace 'ratingValue' in ratingValueElement:'ratingValue' with something to give me the initial server value.
Two: Is even more mysterious to me, if you play around with voting on the site, sometimes you are unable to vote on different blurts. Its weird. It seems like that the javascript is completely off just on those blurts. And sometimes its a whole row, sometimes none. But so far its never a problem on the first tabbed panel (Recent), only on the other three. As far as I know, the coding is exactly the same in each tab's repeating region except for the different xml input.
And, now on the live server, sometimes the pics of tears used to voting dont show up until you click.
Any help on those three questions (how to query the fourth panel, how to show the initial server value, and the glitches with voting) would be greatly appreciated!! I looked pretty hard on adobe forums and other sites, and didnt see much on how to really use the spry rating widget with php and xml.
Thanks!!

Update:
Ok, the first query on the Recent tab doesnt work for me because it wont show unless its already voted, and since these are supposed to be new blurts, that kind of breaks the whole site:
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC";
So I replaced it with what I originally had.
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt ORDER BY Blurt.`Date` DESC";
But this doesn't provide me with the initial average rating:(

Some assistance with Spry Rating Widget

Hello, everyone.
I have downloaded the Spry library from the repository, and am playing with it, trying to learn it. So far, so good.
I have written a page that is using both the Spry Accordion Panel (I have 8, so far) and the Spry Rating Widget (one in each panel.)
I am displaying (below the stars) a tally of ratings for each panel (I'm keeping track in an XML file.) The 1-5 Star title, the number of times each is clicked, and a green bar (img) indicating percentage.
When a star is clicked, the XML is updated, but you have to refresh the page to see the new values. How can I dynamically, and in real time, update the value display when a star is clicked? (Once I have that, I can figure out how to dynamically change the img size/percentage.)
Thank you,
^_^

WolfShade wrote:
And I'm just starting to learn it, just because. It's something different. I'll probably never use any of it in any paid projects, but it's still nice to get a feel for it.
I have never used the rating widget, but I do have the Spry example files from when they were originally released. I assume that you have managed to download the same files from GitHub.
Open widgets.html in the widgets folder. Scroll down to the bottom, and click the Ratings > Overview link. Close to the bottom is a section titled "Update the Ratings Value Dynamically". The example code looks like this:
<body>
<span id="spryrating1" class="ratingContainer">
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<span class="ratingButton"></span>
<input type="text" id="ratingValue" name="dynamic_rate" value="2"/>
</span>
<script type="text/javascript">
var rate = new Spry.Widget.Rating("spryrating1", {ratingValueElement:"ratingValue", afterRating:'serverValue', saveURL:'SpryRating.php?id=spryrating5&val=@@rw_Rating@@'});
</script>
</body>
Notice that the options object contains this: afterRating: 'serverValue'. Unfortunately, the sample files (at least the ones I've got) don't include a copy of SpryRating.php. However, I assume that it probably saves the selected value, calculates the average of all saved values, and then uses echo to output "serverValue=4.5" (or whatever the average is).

Dreamweaver - spry rating & repeating regions

Hi,
I'm trying to make a repeating region that contains a spry rating widget (I have downloaded the extension).
The problem is that I need to develop a way to automatically increase the ID of the spry rating.
The problem I am encountering is that only the first spry rating works properly. The remainder are displaying the data, but show only a text field. It appears that all are being repeated as
id="SpryRating1".
Does anyone have a way to increment the spry rating id for each element of the repeating region?
Thanks for yours replies,
Gabriel
PD: I have the same problem with the sustitution images. Does anyone have a solution?

This is very easy to do with a server-side language. Create a variable counter, and increase the counter each time the repeat region runs.

Please Help! There has to be a quick .js fix for Spry dropdown to work for iPads...

I know I can upgrade, download, purchase or any combination of these to get and use a new dropdown menu format that would work, but that is not what I want to work on learning today. Our top coder/developer is out of town right now, and I am just trying to fix a menu bar that was done in CS4 with Spry 1.6.1, and I have to believe that someone out there knows the fix to get it to work on an ipad. I can make the parent li not a link and it still does not work. Here is my .JS code:
// SpryMenuBar.js - version 0.12 - Spry Pre-Release 1.6.1
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//   * Redistributions of source code must retain the above copyright notice,
//     this list of conditions and the following disclaimer.
//   * Redistributions in binary form must reproduce the above copyright notice,
//     this list of conditions and the following disclaimer in the documentation
//     and/or other materials provided with the distribution.
//   * Neither the name of Adobe Systems Incorporated nor the names of its
//     contributors may be used to endorse or promote products derived from this
//     software without specific prior written permission.
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
SpryMenuBar.js
This file handles the JavaScript for Spry Menu Bar. You should have no need
to edit this file. Some highlights of the MenuBar object is that timers are
used to keep submenus from showing up until the user has hovered over the parent
menu item for some time, as well as a timer for when they leave a submenu to keep
showing that submenu until the timer fires.
var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.BrowserSniff = function()
          var b = navigator.appName.toString();
          var up = navigator.platform.toString();
          var ua = navigator.userAgent.toString();
          this.mozilla = this.ie = this.opera = this.safari = false;
          var re_opera = /Opera.([0-9\.]*)/i;
          var re_msie = /MSIE.([0-9\.]*)/i;
          var re_gecko = /gecko/i;
          var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
          var r = false;
          if ( (r = ua.match(re_opera))) {
                    this.opera = true;
                    this.version = parseFloat(r[1]);
          } else if ( (r = ua.match(re_msie))) {
                    this.ie = true;
                    this.version = parseFloat(r[1]);
          } else if ( (r = ua.match(re_safari))) {
                    this.safari = true;
                    this.version = parseFloat(r[2]);
          } else if (ua.match(re_gecko)) {
                    var re_gecko_version = /rv:\s*([0-9\.]+)/i;
                    r = ua.match(re_gecko_version);
                    this.mozilla = true;
                    this.version = parseFloat(r[1]);
          this.windows = this.mac = this.linux = false;
          this.Platform = ua.match(/windows/i) ? "windows" :
                                                  (ua.match(/linux/i) ? "linux" :
                                                  (ua.match(/mac/i) ? "mac" :
                                                  ua.match(/unix/i)? "unix" : "unknown"));
          this[this.Platform] = true;
          this.v = this.version;
          if (this.safari && this.mac && this.mozilla) {
                    this.mozilla = false;
Spry.is = new Spry.BrowserSniff();
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
          this.init(element, opts);
Spry.Widget.MenuBar.prototype.init = function(element, opts)
          this.element = this.getElement(element);
          // represents the current (sub)menu we are operating on
          this.currMenu = null;
          this.showDelay = 250;
          this.hideDelay = 600;
          if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
                    // bail on older unsupported browsers
                    return;
          // Fix IE6 CSS images flicker
          if (Spry.is.ie && Spry.is.version < 7){
                    try {
                              document.execCommand("BackgroundImageCache", false, true);
                    } catch(err) {}
          this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
          this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
          this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
          this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
          this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;
          this.hoverClass = 'MenuBarItemHover';
          this.subHoverClass = 'MenuBarItemSubmenuHover';
          this.subVisibleClass ='MenuBarSubmenuVisible';
          this.hasSubClass = 'MenuBarItemSubmenu';
          this.activeClass = 'MenuBarActive';
          this.isieClass = 'MenuBarItemIE';
          this.verticalClass = 'MenuBarVertical';
          this.horizontalClass = 'MenuBarHorizontal';
          this.enableKeyboardNavigation = true;
          this.hasFocus = false;
          // load hover images now
          if(opts)
                    for(var k in opts)
                              if (typeof this[k] == 'undefined')
                                        var rollover = new Image;
                                        rollover.src = opts[k];
                    Spry.Widget.MenuBar.setOptions(this, opts);
          // safari doesn't support tabindex
          if (Spry.is.safari)
                    this.enableKeyboardNavigation = false;
          if(this.element)
                    this.currMenu = this.element;
                    var items = this.element.getElementsByTagName('li');
                    for(var i=0; i<items.length; i++)
                              if (i > 0 && this.enableKeyboardNavigation)
                                        items[i].getElementsByTagName('a')[0].tabIndex='-1';
                              this.initialize(items[i], element);
                              if(Spry.is.ie)
                                        this.addClassName(items[i], this.isieClass);
                                        items[i].style.position = "static";
                    if (this.enableKeyboardNavigation)
                              var self = this;
                              this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
                    if(Spry.is.ie)
                              if(this.hasClassName(this.element, this.verticalClass))
                                        this.element.style.position = "relative";
                              var linkitems = this.element.getElementsByTagName('a');
                              for(var i=0; i<linkitems.length; i++)
                                        linkitems[i].style.position = "relative";
Spry.Widget.MenuBar.KEY_ESC = 27;
Spry.Widget.MenuBar.KEY_UP = 38;
Spry.Widget.MenuBar.KEY_DOWN = 40;
Spry.Widget.MenuBar.KEY_LEFT = 37;
Spry.Widget.MenuBar.KEY_RIGHT = 39;
Spry.Widget.MenuBar.prototype.getElement = function(ele)
          if (ele && typeof ele == "string")
                    return document.getElementById(ele);
          return ele;
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
          if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
                    return false;
          return true;
Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
          if (!ele || !className || this.hasClassName(ele, className))
                    return;
          ele.className += (ele.className ? " " : "") + className;
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
          if (!ele || !className || !this.hasClassName(ele, className))
                    return;
          ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
          try
                    if (element.addEventListener)
                              element.addEventListener(eventType, handler, capture);
                    else if (element.attachEvent)
                              element.attachEvent('on' + eventType, handler);
          catch (e) {}
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
          var layer = document.createElement('iframe');
          layer.tabIndex = '-1';
          layer.src = 'javascript:""';
          layer.frameBorder = '0';
          layer.scrolling = 'no';
          menu.parentNode.appendChild(layer);
          layer.style.left = menu.offsetLeft + 'px';
          layer.style.top = menu.offsetTop + 'px';
          layer.style.width = menu.offsetWidth + 'px';
          layer.style.height = menu.offsetHeight + 'px';
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu)
          var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
          while(layers.length > 0)
                    layers[0].parentNode.removeChild(layers[0]);
// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
          var menus = root.getElementsByTagName('ul');
          for(var i=0; i<menus.length; i++)
                    this.hideSubmenu(menus[i]);
          this.removeClassName(this.element, this.activeClass);
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
          return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
          if(this.currMenu)
                    this.clearMenus(this.currMenu);
                    this.currMenu = null;
          if(menu)
                    this.addClassName(menu, this.subVisibleClass);
                    if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
                              if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
                                        menu.style.top = menu.parentNode.offsetTop + 'px';
                    if(Spry.is.ie && Spry.is.version < 7)
                              this.createIframeLayer(menu);
          this.addClassName(this.element, this.activeClass);
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
          if(menu)
                    this.removeClassName(menu, this.subVisibleClass);
                    if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
                              menu.style.top = '';
                              menu.style.left = '';
                    if(Spry.is.ie && Spry.is.version < 7)
                              this.removeIframeLayer(menu);
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
          var opentime, closetime;
          var link = listitem.getElementsByTagName('a')[0];
          var submenus = listitem.getElementsByTagName('ul');
          var menu = (submenus.length > 0 ? submenus[0] : null);
          if(menu)
                    this.addClassName(link, this.hasSubClass);
          if(!Spry.is.ie)
                    // define a simple function that comes standard in IE to determine
                    // if a node is within another node
                    listitem.contains = function(testNode)
                              // this refers to the list item
                              if(testNode == null)
                                        return false;
                              if(testNode == this)
                                        return true;
                              else
                                        return this.contains(testNode.parentNode);
          // need to save this for scope further down
          var self = this;
          this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
          this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);
          if (this.enableKeyboardNavigation)
                    this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false);
                    this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false);
Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
          this.lastOpen = listitem.getElementsByTagName('a')[0];
          this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
          this.hasFocus = true;
Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
          this.clearSelection(listitem);
Spry.Widget.MenuBar.prototype.clearSelection = function(el){
          //search any intersection with the current open element
          if (!this.lastOpen)
                    return;
          if (el)
                    el = el.getElementsByTagName('a')[0];
                    // check children
                    var item = this.lastOpen;
                    while (item != this.element)
                              var tmp = el;
                              while (tmp != this.element)
                                        if (tmp == item)
                                                  return;
                                        try{
                                                  tmp = tmp.parentNode;
                                        }catch(err){break;}
                              item = item.parentNode;
          var item = this.lastOpen;
          while (item != this.element)
                    this.hideSubmenu(item.parentNode);
                    var link = item.getElementsByTagName('a')[0];
                    this.removeClassName(link, this.hoverClass);
                    this.removeClassName(link, this.subHoverClass);
                    item = item.parentNode;
          this.lastOpen = false;
Spry.Widget.MenuBar.prototype.keyDown = function (e)
          if (!this.hasFocus)
                    return;
          if (!this.lastOpen)
                    this.hasFocus = false;
                    return;
          var e = e|| event;
          var listitem = this.lastOpen.parentNode;
          var link = this.lastOpen;
          var submenus = listitem.getElementsByTagName('ul');
          var menu = (submenus.length > 0 ? submenus[0] : null);
          var hasSubMenu = (menu) ? true : false;
          var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')];
          if (!opts[3])
                    opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == 'li')?listitem.parentNode.parentNode:null;
          var found = 0;
          switch (e.keyCode){
                    case this.upKeyCode:
                              found = this.getElementForKey(opts, 'y', 1);
                              break;
                    case this.downKeyCode:
                              found = this.getElementForKey(opts, 'y', -1);
                              break;
                    case this.leftKeyCode:
                              found = this.getElementForKey(opts, 'x', 1);
                              break;
                    case this.rightKeyCode:
                              found = this.getElementForKey(opts, 'x', -1);
                              break;
                    case this.escKeyCode:
                    case 9:
                              this.clearSelection();
                              this.hasFocus = false;
                    default: return;
          switch (found)
                    case 0: return;
                    case 1:
                              //subopts
                              this.mouseOver(listitem, e);
                              break;
                    case 2:
                              //parent
                              this.mouseOut(opts[2], e);
                              break;
                    case 3:
                    case 4:
                              // left - right
                              this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
                              break;
          var link = opts[found].getElementsByTagName('a')[0];
          if (opts[found].nodeName.toLowerCase() == 'ul')
                    opts[found] = opts[found].getElementsByTagName('li')[0];
          this.addClassName(link, opts[found].getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
          this.lastOpen = link;
          opts[found].getElementsByTagName('a')[0].focus();
        //stop further event handling by the browser
          return Spry.Widget.MenuBar.stopPropagation(e);
Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e)
          var link = listitem.getElementsByTagName('a')[0];
          var submenus = listitem.getElementsByTagName('ul');
          var menu = (submenus.length > 0 ? submenus[0] : null);
          var hasSubMenu = (menu) ? true : false;
          if (this.enableKeyboardNavigation)
                    this.clearSelection(listitem);
          if(this.bubbledTextEvent())
                    // ignore bubbled text events
                    return;
          if (listitem.closetime)
                    clearTimeout(listitem.closetime);
          if(this.currMenu == listitem)
                    this.currMenu = null;
          // move the focus too
          if (this.hasFocus)
                    link.focus();
          // show menu highlighting
          this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
          this.lastOpen = link;
          if(menu && !this.hasClassName(menu, this.subHoverClass))
                    var self = this;
                    listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay);
Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e)
          var link = listitem.getElementsByTagName('a')[0];
          var submenus = listitem.getElementsByTagName('ul');
          var menu = (submenus.length > 0 ? submenus[0] : null);
          var hasSubMenu = (menu) ? true : false;
          if(this.bubbledTextEvent())
                    // ignore bubbled text events
                    return;
          var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
          if(!listitem.contains(related))
                    if (listitem.opentime)
                              clearTimeout(listitem.opentime);
                    this.currMenu = listitem;
                    // remove menu highlighting
                    this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
                    if(menu)
                              var self = this;
                              listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay);
                    if (this.hasFocus)
                              link.blur();
Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling)
          var child = element[sibling];
          while (child && child.nodeName.toLowerCase() !='li')
                    child = child[sibling];
          return child;
Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir)
          var found = 0;
          var rect = Spry.Widget.MenuBar.getPosition;
          var ref = rect(els[found]);
          var hideSubmenu = false;
          //make the subelement visible to compute the position
          if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible))
                    els[1].style.visibility = 'hidden';
                    this.showSubmenu(els[1]);
                    hideSubmenu = true;
          var isVert = this.hasClassName(this.element, this.verticalClass);
          var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false;
          for (var i = 1; i < els.length; i++){
                    //when navigating on the y axis in vertical menus, ignore children and parents
                    if(prop=='y' && isVert && (i==1 || i==2))
                              continue;
                    //when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents
                    if(prop=='x' && !isVert && !hasParent && (i==1 || i==2))
                              continue;
                    if (els[i])
                              var tmp = rect(els[i]);
                              if ( (dir * tmp[prop]) < (dir * ref[prop]))
                                        ref = tmp;
                                        found = i;
          // hide back the submenu
          if (els[1] && hideSubmenu){
                    this.hideSubmenu(els[1]);
                    els[1].style.visibility = '';
          return found;
Spry.Widget.MenuBar.camelize = function(str)
          if (str.indexOf('-') == -1){
                    return str;
          var oStringList = str.split('-');
          var isFirstEntry = true;
          var camelizedString = '';
          for(var i=0; i < oStringList.length; i++)
                    if(oStringList[i].length>0)
                              if(isFirstEntry)
                                        camelizedString = oStringList[i];
                                        isFirstEntry = false;
                              else
                                        var s = oStringList[i];
                                        camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
          return camelizedString;
Spry.Widget.MenuBar.getStyleProp = function(element, prop)
          var value;
          try
                    if (element.style)
                              value = element.style[Spry.Widget.MenuBar.camelize(prop)];
                    if (!value)
                              if (document.defaultView && document.defaultView.getComputedStyle)
                                        var css = document.defaultView.getComputedStyle(element, null);
                                        value = css ? css.getPropertyValue(prop) : null;
                              else if (element.currentStyle)
                                                  value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];
          catch (e) {}
          return value == 'auto' ? null : value;
Spry.Widget.MenuBar.getIntProp = function(element, prop)
          var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);
          if (isNaN(a))
                    return 0;
          return a;
Spry.Widget.MenuBar.getPosition = function(el, doc)
          doc = doc || document;
          if (typeof(el) == 'string') {
                    el = doc.getElementById(el);
          if (!el) {
                    return false;
          if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
                    //element must be visible to have a box
                    return false;
          var ret = {x:0, y:0};
          var parent = null;
          var box;
          if (el.getBoundingClientRect) { // IE
                    box = el.getBoundingClientRect();
                    var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
                    var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;
                    ret.x = box.left + scrollLeft;
                    ret.y = box.top + scrollTop;
          } else if (doc.getBoxObjectFor) { // gecko
                    box = doc.getBoxObjectFor(el);
                    ret.x = box.x;
                    ret.y = box.y;
          } else { // safari/opera
                    ret.x = el.offsetLeft;
                    ret.y = el.offsetTop;
                    parent = el.offsetParent;
                    if (parent != el) {
                              while (parent) {
                                        ret.x += parent.offsetLeft;
                                        ret.y += parent.offsetTop;
                                        parent = parent.offsetParent;
                    // opera & (safari absolute) incorrectly account for body offsetTop
                    if (Spry.is.opera || Spry.is.safari && Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute')
                              ret.y -= doc.body.offsetTop;
          if (el.parentNode)
                              parent = el.parentNode;
          else
                    parent = null;
          if (parent.nodeName){
                    var cas = parent.nodeName.toUpperCase();
                    while (parent && cas != 'BODY' && cas != 'HTML') {
                              cas = parent.nodeName.toUpperCase();
                              ret.x -= parent.scrollLeft;
                              ret.y -= parent.scrollTop;
                              if (parent.parentNode)
                                        parent = parent.parentNode;
                              else
                                        parent = null;
          return ret;
Spry.Widget.MenuBar.stopPropagation = function(ev)
          if (ev.stopPropagation)
                    ev.stopPropagation();
          else
                    ev.cancelBubble = true;
          if (ev.preventDefault)
                    ev.preventDefault();
          else
                    ev.returnValue = false;
Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
          if (!optionsObj)
                    return;
          for (var optionName in optionsObj)
                    if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
                              continue;
                    obj[optionName] = optionsObj[optionName];

Try the following changes to the JS file
Lines 103 and 104 change the values
this.showDelay = 100; // was 250
this.hideDelay = 200; // was 600
Comment out line 286
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
//    return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
Comment out line 366 and add new lines 366 and 367
var self = this;
this.addEventListener(listitem, 'click', function(e){self.Click(listitem, e);}, false);
this.addEventListener(listitem, 'click', function(e){self.mouseOver(listitem, e);}, false);
// this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);
I have not tested the above changes ontouch screens; they do seem to work Ok on desktops.
NOTE: Line numbers could be different because of the difference in our versions.

Please restore e-mail or at least give us some real information. Tech support is almost smug in their response for additional information. The iCloud status page has said the same thing since yesterday. A real dis-service. My business depends on this!

Please restore e-mail or at least give us some real information. Tech support is almost smug in their response for additional information. The iCloud status page has said the same thing since yesterday. A real dis-service. My business depends on this! Any one have any suggestions not being offerd by tech support or Apple? Anything at all?

mdjb wrote:
I just lost a big opportunity to get a new client because of this!! almost 24 hours now without any email service. I was one of the original.mac customers. I am over this time to move on. It is an inferior product.
My sympathy, but, this is what you agreed to when you chose to use a free system: (From terms of service agreement, iCloud)
APPLE DOES NOT GUARANTEE, REPRESENT, OR WARRANT THAT YOUR USE OF THE SERVICE WILL BE UNINTERRUPTED OR ERROR-FREE, AND YOU AGREE THAT FROM TIME TO TIME APPLE MAY REMOVE THE SERVICE FOR INDEFINITE PERIODS OF TIME, OR CANCEL THE SERVICE IN ACCORDANCE WITH THE TERMS OF THIS AGREEMENT.
And this is no different from any other free service I'm afraid. Pay for your mail, then you have the right to expect service.

How to restrict bidders must response for all items?

hi experts
   we used SRM7.0 with Standalone Scenario.
   we need to restrict the bidder response for all items. in RFx items tab page, there is a checkbox 'RFX response Required for All items'. but it is doesn't work for this purpose. If the bidder reponse without price, they get warning message "Line 0001: '0' in the price field means that you are offering the item for free " . [there should be no free goods]
   how to solve it?    thanks in advance.
regards
    claud

Hi,
In RFx, in Item tab, you have an indicator "RFx Response required for all the items", but unfortunately it does not work! I don't know why?
One way to make it is, to do validation using BBP_DOC_CHECK_BADI. Other way is to create subline items under outline and check the "lot" indicator for the outlne. For this, you must have assigned HIER_SRM to the process type of RFx and RFx Response. Also refer to note 1267549 while making this assignment. Then if the bidder quotes for one item, then he/she has to quote for all items.
If you wanted to allow bidder to quote there own quantity check "Bidder can Change Quantities" in item tabl of RFx. Then the bidder gets separate columns as Required Quantity and Submitted Quantity. However note that, the system will not generate any message if the bidder quotes more than the required quantity. If you wanted to so, you need to validate the entry using the same BAdI.
Hope this has answered your question.
Ganapathi

Vendor Responsibility for Purchasing Groups

Hi experts!
We should assign vendor responsibility for purchasing groups, what means depending on which vendor / source-of-supply is selected in the shopping cart the correct purchasing group is assigned.
Do you have any idea how to handle this in SAP standard?
Can we use a BADI to help out?
Many thanks for your ideas.
Best regards,
Corinne

Hi
Lots of BADIs are there, which can help out ->
BBP_PGRP_ASSIGN_BADI EBP Purchasing Documents: Assign Purchasing Group(s)
BBP_PGRP_FIND Shopping Cart: Determine Responsible Purchasing Group(s)
<u>Related links to check out -></u>
Re: How to assign purchasing organization to a vendor using the GUI interface??
Multiple purchasing group responsibility?
Re: SRM 5.0 - Assign user to multiple purchasing groups?
Re: Purchasing Group and User Assignment
How can we change the purchasing group which it is maintained in R/3?
vendor not intended for a puchasing org
<u>Other related BADIs -></u>
BBP_DOC_CHANGE_BADI
BBP_DOC_CHECK_BADI
Hope this will definitely help.
Regards
- Atul

PO 7.4: NW BPM: HTTP Error response for SOAP request or invalid content-type.HTTP 200 OK

Hi Experts
I am trying to call NW BPM scenario(File to BPM) from PI, and using below adapter config.
I am getting below error.
Failed to call the endpoint: Error in call over HTTP: HTTP 200 OK
SOAP: Call failed: java.io.IOException: HTTP Error response for SOAP request or invalid content-type.; HTTP 200 OK
SOAP: Error occurred: com.sap.engine.interfaces.messaging.api.exception.MessagingException: java.io.IOException: HTTP Error response for SOAP request or invalid content-type.; HTTP 200 OK
MP: exception caught with cause com.sap.engine.interfaces.messaging.api.exception.MessagingException: java.io.IOException: HTTP Error response for SOAP request or invalid content-type.; HTTP 200 OK
Transmitting the message to endpoint <local> using connection File_http://sap.com/xi/XI/System failed, due to: com.sap.engine.interfaces.messaging.api.exception.MessagingException: java.io.IOException: HTTP Error response for SOAP request or invalid content-type.; HTTP 200 OK
Any idea how to fix this issue?
Thanks,
Sandeep Maurya.

Hi Sandeep,
Test the URL from your browser and check the proxy settings as well.
Refer the below links
SOAP: call failed: java.io.IOException: invalid content type for SOAP: TEXT
SOAP: Call failed: java.io.IOException: Failed to get the input stream from socket: java.net.SocketException: Connection…
Regards
Bhargava Krishna

Spry:state="loading" for Spry.Utils.updateContent

It would be very handy to be able to use something like
spry:state="loading" for Spry.Utils.updateContent. Right now it
seems you can only use the :state="loading" for regions. Makes
sense but being able to activate the loading div while update
content is running would also be very handy. To that matter for
waiting for tabs to load, etc.

Cool. Thanks for the reference, Andrew!

SOAP Receiver Error: HTTP Error response for SOAP Request

Hi gurus,
I'm facing a weird error in File --> PI 7.31 java only --> soap receiver proxy.
The other interfaces runs well. just one get the the following error:
Exception caught by adapter framework: java.io.IOException: Error receiving or parsing request message: java.io.IOException: HTTP Error response for SOAP request or invalid content-type.
I check the payload and test in the inbound proxy. on error.
Any hints?
Thanks a lot!
regards
Christine

Hello Christine,
I faced the same issue,
You can use the beans below to overcome the error.
And charset should be utf-8

What is the frequency response for the new iPhone 5 earbuds?

I have recently purchased a new iPhone 5 with iOS 6.0.1. I was wandering about the specifications of the new earbuds. What is the frequency response? Thank you for the information.

Apple has released 2 sets of earbuds with the iPhone 5 release. There are the earpods and also the in-ear headphones. Here are the in-ear headphones: http://store.apple.com/us/product/MA850G/B/apple-in-ear-headphones-with-remote-a nd-mic?fnode=49. The frequency response on these is 5kHz-21kHz. I was unable to find the earpods response for definite but the best response I got was 30Hz-16kHz. Hope this answers your question.

Serverside response for spry rating

Similar Messages

Maybe you are looking for