mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 06:51 Benutzername: Passwort: Auto-Login

Thema: Hilfe! IE zeigt DW-Website schlecht an. vom 27.10.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hilfe! IE zeigt DW-Website schlecht an.
Seite: 1, 2, 3, 4  Weiter
Autor Nachricht
Trendhase
Threadersteller

Dabei seit: 11.05.2010
Ort: Augsburg
Alter: -
Geschlecht: Weiblich
Verfasst Mi 27.10.2010 09:39
Titel

Hilfe! IE zeigt DW-Website schlecht an.

Antworten mit Zitat Zum Seitenanfang

Morgen zusammen,
zuerst muss ich was loswerden. Hab neulich schon eine Frage diesbezüglich gestellt, aber teilweise recht pampige Antworten bekommen (Wenn´s es net kannst, lass es bleiben!). Find ich net ok, weil ich ja hier nach Hilfe suche. Will ja auch was lernen! Leider kommt das hier recht oft vor. Also bitte nur antworten, wer helfen will:

Hab meine Webseite im DW gebaut (zum ersten mal), soweit alles in Ordnung, aber bei der Ansicht im IE geht die Quickinfo net, bei Flashfilmen wird immer nach dem Player gefragt, auch wenn ich den 10er hab und auch die Fireworks Bildergalerien machen Probleme. Würd gern wissen was ich tun kann, damit´s läuft. Wer nen Code braucht, bitte melden, hab viele Seiten.
Würd mich über konkrete Hilfe sehr freuen, damit ich meine Seite endlich ins Netz stellen kann, brauch sie beruflich und hab DW leider net in meiner Ausbildung gehabt.

LG Trendhase
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 27.10.2010 09:48
Titel

Antworten mit Zitat Zum Seitenanfang

wie wäre es, wenn du die seite mal hochlädst und uns einen link schickst?! Lächel

dass der ie nicht das macht was er soll ist bekannt *zwinker* liegt aber nicht an dw sondern an deinem html, css usw.*bäh*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht: Männlich
Verfasst Mi 27.10.2010 09:59
Titel

Re: Hilfe! IE zeigt DW-Website schlecht an.

Antworten mit Zitat Zum Seitenanfang

Trendhase hat geschrieben:
bei Flashfilmen wird immer nach dem Player gefragt, auch wenn ich den 10er hab


Bei der lokalen Ansicht oder auch, wenn Du die Seite auf irgendeinen Webspace lädst? *zwinker*
  View user's profile Private Nachricht senden
hilson

Dabei seit: 05.09.2005
Ort: Pforzheim
Alter: 54
Geschlecht: Männlich
Verfasst Mi 27.10.2010 10:36
Titel

Re: Hilfe! IE zeigt DW-Website schlecht an.

Antworten mit Zitat Zum Seitenanfang

Trendhase hat geschrieben:
zuerst muss ich was loswerden. Hab neulich schon eine Frage diesbezüglich gestellt, aber teilweise recht pampige Antworten bekommen (Wenn´s es net kannst, lass es bleiben!). Find ich net ok, weil ich ja hier nach Hilfe suche. Will ja auch was lernen! Leider kommt das hier recht oft vor. Also bitte nur antworten, wer helfen will:


Stimmt, hier weht manchmal schon ein rauher Wind. Ich würde dir deswegeh empfehlen, deine Fragen etwas mehr zu präzisieren z.B. deine "Quickinfo" ... gleich erklären, was das ist, Code nach Möglichkeit gleich zur Verfügung zu stellen (nach dem Motto: erst nach Code fragen wer helfen will ist nicht sehr erfolgversprechend) und nach Möglichkeit immer vorab Suchfunktionen zu füttern.

Will sagen je einfacher es du den Helfenden machst, desto besser u. schneller kommt d. Hilfe.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Trendhase
Threadersteller

Dabei seit: 11.05.2010
Ort: Augsburg
Alter: -
Geschlecht: Weiblich
Verfasst Mi 27.10.2010 13:32
Titel

Antworten mit Zitat Zum Seitenanfang

Danke erst mal!
Hier zu erst der Code für die Seite mit der Quick-Info. Am Rande, versteh leider net viel von Html, nur ´n paar basics.


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
#apDiv1 {
   position:absolute;
   width:1108px;
   height:817px;
   z-index:1;
   background-image: url(../Bilder/Hintergrund.jpg);
   left: 63px;
   top: 17px;
}
#apDiv7 {
   position:absolute;
   width:843px;
   height:84px;
   z-index:7;
   left: 329px;
   top: 65px;
}
#apDiv2 {
   position:absolute;
   width:1108px;
   height:75px;
   z-index:2;
   left: 62px;
   top: 16px;
   background-image: url(../Bilder/abstract_0081.jpg);
}
#apDiv3 {
   position:absolute;
   width:1108px;
   height:59px;
   z-index:3;
   left: 63px;
   top: 776px;
   background-image: url(../Bilder/abstract_0081_lang.jpg);
}
#apDiv4 {
   position:absolute;
   width:1108px;
   height:65px;
   z-index:4;
   left: 62px;
   top: 85px;
   background-color: #641E5B;
}
#apDiv5 {
   position:absolute;
   width:204px;
   height:47px;
   z-index:5;
   left: 70px;
   top: 98px;
}
#apDiv6 {
   position:absolute;
   width:186px;
   height:75px;
   z-index:8;
   left: 75px;
   top: 69px;
}
body,td,th {
   font-family: "Comic Sans MS", cursive;
   font-size: 18px;
   color: #BB6D9F;
}
h1 {
   font-size: 36px;
}
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryTooltip.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv9 {
   position:absolute;
   width:197px;
   height:76px;
   z-index:9;
   left: 88px;
   top: 700px;
}
#apDiv16 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 344px;
   top: 198px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv8 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 613px;
   top: 199px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv10 {
   position:absolute;
   width:203px;
   height:220px;
   z-index:13;
   left: 613px;
   top: 445px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
   padding-left: 40px;
}
#apDiv11 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 134px;
   top: 290px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv12 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 177px;
   top: 259px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv13 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 220px;
   top: 260px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv14 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 252px;
   top: 223px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv15 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 204px;
   top: 246px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv17 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 578px;
   top: 264px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv18 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 343px;
   top: 444px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv19 {
   position:absolute;
   width:227px;
   height:215px;
   z-index:13;
   left: 884px;
   top: 446px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
   padding-left: 15px;
   padding-top: 5px;
}
#apDiv20 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 883px;
   top: 447px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv21 {
   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 882px;
   top: 200px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv22 {   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 350px;
   top: 436px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv23 {   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 350px;
   top: 436px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv24 {position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 610px;
   top: 194px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
#apDiv25 {
   position:absolute;
   width:182px;
   height:42px;
   z-index:14;
   left: 102px;
   top: 214px;
   font-size: 24px;
   color: #000;
}
#apDiv26 {   position:absolute;
   width:182px;
   height:42px;
   z-index:14;
   left: 102px;
   top: 214px;
   font-size: 24px;
   color: #000;
}
#apDiv27 {   position:absolute;
   width:182px;
   height:42px;
   z-index:14;
   left: 102px;
   top: 214px;
   font-size: 24px;
   color: #000;
}
#apDiv28 {
   position:absolute;
   width:167px;
   height:128px;
   z-index:14;
   left: 85px;
   top: 203px;
}
</style>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv29 {
   position:absolute;
   width:604px;
   height:87px;
   z-index:1;
   left: 204px;
   top: 469px;
}
#apDiv30 {
   position:absolute;
   width:284px;
   height:115px;
   z-index:1;
   left: -254px;
   top: 370px;
}
#apDiv31 {
   position:absolute;
   width:187px;
   height:39px;
   z-index:1;
   left: -258px;
   top: 432px;
   font-family: "Comic Sans MS", cursive;
   font-size: 24px;
   color: #000;
   background-color: #FFF;
   padding-left: 10px;
   border: thin solid #000;
}
body {
   background-color: #FFF;
}
a:hover {
   color: #B9699C;
   text-decoration: none;
}
a:link {
   color: #000;
   text-decoration: none;
}
a:visited {
   color: #6A205F;
   text-decoration: none;
}
a:active {
   text-decoration: none;
   border: thin solid #000;
}
#apDiv32 {   position:absolute;
   width:245px;
   height:220px;
   z-index:13;
   left: 613px;
   top: 199px;
   background-color: #FFFFFF;
   border: medium groove #6F1D5D;
}
</style>
<link href="../SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<style type="text/css">
#apDiv33 {
   position:absolute;
   width:182px;
   height:40px;
   z-index:1;
   left: -257px;
   top: 427px;
   background-color: #FFFFFF;
   font-size: 24px;
   color: #000;
   padding-left: 5px;
   border: medium solid #000;
}
#apDiv34 {
   position:absolute;
   width:180px;
   height:37px;
   z-index:15;
   background-color: #FFFFFF;
   font-size: 24px;
   color: #000;
   padding-left: 8px;
   border: thin solid #000;
   left: 89px;
   top: 636px;
}
#apDiv35 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:16;
}
</style>
</head>

<body onload="MM_preloadImages('../Illustrator/Buttons/Home_over.jpg')">
<div id="apDiv1"></div>
<div id="apDiv2"></div>
<div id="apDiv3"></div>
<div id="apDiv4"></div>
<div id="apDiv9"><a href="../index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','../Illustrator/Buttons/Home_over.jpg',1)"><img src="../Illustrator/Buttons/Button_Home.jpg" name="Image7" width="190" height="59" border="0" id="Image7" /></a></div>
<div id="apDiv16"><img src="../Bilder/Fotos Trendshop/Design/IMG_7071.JPG" width="160" height="214" hspace="40" vspace="2" /></div>
<div class="tooltipContent" id="sprytooltip1">"Otto" Kuschelkissen <br />
Art.Nr.: K-201011001 <br />
12,50€</div>
<div id="apDiv8"><img src="../Bilder/Fotos Trendshop/Design/IMG_7068.JPG" width="188" height="213" hspace="28" vspace="3" id="sprytrigger1" /></div>
<div class="tooltipContent" id="sprytooltip2"> "Hans" Kuschelkissen <br />
Art.Nr.: K-201011002 <br />
12,50€</div>
<div id="apDiv18"><img src="../Bilder/Fotos Trendshop/Design/IMG_7070.JPG" width="231" height="215" hspace="8" vspace="2" id="sprytrigger3" /></div>
<div class="tooltipContent" id="sprytooltip4">"Bernd" Kuschelkissen <br />
Art.Nr.: K-201011004 <br />
12,50€</div>
<div id="apDiv19">Jedes Stofftier ist ein Unikat und nur einmal verfügbar. Das Sortiment wird stetig erweitert.</div>
<div id="apDiv21"><img src="../Bilder/Fotos Trendshop/Design/IMG_7069.JPG" width="199" height="212" hspace="20" vspace="3" id="sprytrigger2" /></div>
<div class="tooltipContent" id="sprytooltip3">"Suse" Kuschelkissen <br />
Art.Nr.: K-201011003 <br />
12,50€</div>
<div id="apDiv28">
  <ul id="MenuBar2" class="MenuBarVertical">
    <li><a href="Shop_Design1.html">Kuscheltiere</a>    </li>
<li><a href="Shop-Design2.html">Designobjekte</a></li>
  </ul>
</div>
<div id="apDiv10"><img src="../Bilder/Fotos Trendshop/Design/Seepferd.png" width="149" height="217" id="sprytrigger4" /></div>
<div class="tooltipContent" id="sprytooltip5">"Seepferd" Kuscheltier <br />
Art.Nr.: K-201011005 <br />
12,50€</div>
<div id="apDiv34"><a href="Shop-Kontakt.html">Bestellformular</a></div>
<script type="text/javascript">
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var sprytooltip1 = new Spry.Widget.Tooltip("sprytooltip1", "#apDiv16", {closeOnTooltipLeave:true});
var sprytooltip2 = new Spry.Widget.Tooltip("sprytooltip2", "#sprytrigger1");
var sprytooltip3 = new Spry.Widget.Tooltip("sprytooltip3", "#sprytrigger2");
var sprytooltip4 = new Spry.Widget.Tooltip("sprytooltip4", "#sprytrigger3");
var sprytooltip5 = new Spry.Widget.Tooltip("sprytooltip5", "#sprytrigger4");
</script>
</body>
</html>
Der Fehler liegt dann wohl bei dem Spry-Element. Hier noch SPryTooltip.js (gehört wohl dazu?):

// SpryTooltip.js - version 0.9 - 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.

(function() { // BeginSpryComponent

if (typeof Spry == "undefined") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {};

Spry.Widget.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;
      if(parseFloat(r[2]) < 420)
         this.version = 2;
      else
         this.version = 3;      
   } 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.Widget.BrowserSniff();

Spry.Widget.Tooltip = function(tooltip_element, trigger_selector, options)
{
   options = Spry.Widget.Utils.firstValid(options, {});

   this.init(trigger_selector, tooltip_element, options);

   if (Spry.Widget.Tooltip.onloadDidFire)
      this.attachBehaviors();
   
   Spry.Widget.Tooltip.loadQueue.push(this);
};

Spry.Widget.Tooltip.prototype.init = function(trigger_element, tooltip_element, options)
{
   var Utils = Spry.Widget.Utils;
   this.triggerElements = Utils.getElementsByClassName(trigger_element);
   this.tooltipElement = Utils.getElement(tooltip_element);

   options.showDelay = parseInt(Utils.firstValid(options.showDelay, 0), 10);
   options.hideDelay = parseInt(Utils.firstValid(options.hideDelay, 0), 10);

   if (typeof this.triggerElements == 'undefined' || !(this.triggerElements.length > 0))
   {
      this.showError('The element(s) "' + trigger_element + '" do not exist in the page');
      return false;
   }
   if (typeof this.tooltipElement == 'undefined' || !this.tooltipElement)
   {
      this.showError('The element "' + tooltip_element + '" do not exists in the page');
      return false;
   }

   this.listenersAttached = false;
   this.hoverClass = "";
   this.followMouse = false;
   this.offsetX = 15;
   this.offsetY = 15;
   this.closeOnTooltipLeave = false;
   this.useEffect = false;

   Utils.setOptions(this, options);
   this.animator = null;
   for (var i =0; i < this.triggerElements.length; i++)
      if (!this.triggerElements[i].className)
         this.triggerElements[i].className = '';

   if (this.useEffect){
         switch (this.useEffect.toString().toLowerCase()){
            case 'blind': this.useEffect = 'Blind'; break;
            case 'fade': this.useEffect = 'Fade'; break;
            default:
               this.useEffect = false;
         }
   }
   
   this.visibleTooltip = false;

   // Hack for FF 3 - Safari 3: force painting of the element, in order to have the correct display
   this.tooltipElement.offsetHeight;
   // Optimisation: save browser work if display is already 'none'
   if (Spry.Widget.Utils.getStyleProperty(this.tooltipElement, 'display') != 'none')
   {
      this.tooltipElement.style.display = 'none';
   }

   if (typeof this.offsetX != 'numeric')
      this.offsetX = parseInt(this.offsetX, 10);

   if (isNaN(this.offsetX))
      this.offsetX = 0;

   if (typeof this.offsetY != 'numeric')
      this.offsetY = parseInt(this.offsetY, 10);

   if (isNaN(this.offsetY))
      this.offsetY = 0;

   this.tooltipElement.style.position = 'absolute';
   this.tooltipElement.style.top = '0px';
   this.tooltipElement.style.left = '0px';
};

Spry.Widget.Tooltip.onloadDidFire = false;
Spry.Widget.Tooltip.loadQueue = [];

Spry.Widget.Tooltip.addLoadListener = function(handler)
{
   if (typeof window.addEventListener != 'undefined')
      window.addEventListener('load', handler, false);
   else if (typeof document.addEventListener != 'undefined')
      document.addEventListener('load', handler, false);
   else if (typeof window.attachEvent != 'undefined')
      window.attachEvent('onload', handler);
};

Spry.Widget.Tooltip.processLoadQueue = function(handler)
{
   Spry.Widget.Tooltip.onloadDidFire = true;
   var q = Spry.Widget.Tooltip.loadQueue;
   var qlen = q.length;
   for (var i = 0; i < qlen; i++)
      if (!q[i].listenersAttached)
         q[i].attachBehaviors();
};

Spry.Widget.Tooltip.addLoadListener(Spry.Widget.Tooltip.processLoadQueue);

Spry.Widget.Tooltip.prototype.addClassName = function(ele, className)
{
   if (!ele || !className)
      return;
   if (ele.className.indexOf(className) == -1)
      ele.className += (ele.className ? " " : "") + className;
};

Spry.Widget.Tooltip.prototype.removeClassName = function(ele, className)
{
   if (!ele || !className )
      return;
   ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

Spry.Widget.Tooltip.prototype.showTooltip = function()
{
   if (!this.visibleTooltip)
   {
      this.tooltipElement.style.visibility = 'hidden';
      this.tooltipElement.style.zIndex = '9999';
      this.tooltipElement.style.display = 'block';
   }
   Spry.Widget.Utils.putElementAt(this.tooltipElement, this.pos, {x:this.offsetX, y:this.offsetY}, true);

   if(Spry.is.ie && Spry.is.version == '6')
      this.createIframeLayer(this.tooltipElement);

   if (!this.visibleTooltip)
   {
      if (this.useEffect)
      {
         if (typeof this.showEffect == 'undefined')
            this.showEffect = new Spry.Widget.Tooltip[this.useEffect](this.tooltipElement, {from: 0, to: 1});

         this.showEffect.start();
      }
      else
         this.tooltipElement.style.visibility = 'visible';
   }
   this.visibleTooltip = true;
};
Spry.Widget.Tooltip.prototype.hideTooltip = function(quick)
{
   if (this.useEffect && !quick)
   {
         if (typeof this.hideEffect == 'undefined')
            this.hideEffect = new Spry.Widget.Tooltip[this.useEffect](this.tooltipElement, {from: 1, to: 0});

         this.hideEffect.start();
   }
   else
   {
      if (typeof this.showEffect != 'undefined')
         this.showEffect.stop();
      this.tooltipElement.style.display = 'none';
   }
   if(Spry.is.ie && Spry.is.version == '6')
      this.removeIframeLayer(this.tooltipElement);

   if (this.hoverClass && !this.hideTimer)
   {
      for (var i = 0; i < this.triggerElements.length; i++)
         this.removeClassName(this.triggerElements[i], this.hoverClass);
   }
   this.visibleTooltip = false;
};
Spry.Widget.Tooltip.prototype.displayTooltip = function(show) {
   if (this.tooltipElement)
   {
      if (this.hoverClass){
         for (var i = 0; i < this.triggerElements.length; i++)
            this.removeClassName(this.triggerElements[i], this.hoverClass);
      }
      if (show)
      {
         if (this.hideTimer)
         {
            clearInterval(this.hideTimer);
            delete(this.hideTimer);
         }

         if (this.hoverClass)
         {
            if (typeof this.triggerHighlight != 'undefined')
               this.addClassName(this.triggerHighlight, this.hoverClass);
         }
         var self = this;
         this.showTimer = setTimeout(function(){self.showTooltip()}, this.showDelay);
      }
      else
      {
         if (this.showTimer)
         {
            clearInterval(this.showTimer);
            delete(this.showTimer);
         }
         var self = this;
         this.hideTimer = setTimeout(function(){self.hideTooltip();}, this.hideDelay);
      }
   }
   this.refreshTimeout();
};
Spry.Widget.Tooltip.prototype.onMouseOverTrigger = function(e)
{
   var target = '';
   if (Spry.is.ie)
      target = e.srcElement;
   else
      target = e.target;

   var contains = Spry.Widget.Utils.contains;
   for (var i = 0; i < this.triggerElements.length; i++)
      if (contains(this.triggerElements[i], target))
      {
         target = this.triggerElements[i];
         break;
      }

   if (i == this.triggerElements.length) return;

   if (this.visibleTooltip && this.triggerHighlight && this.triggerHighlight == target)
   {
      if (this.hideTimer)
      {
         clearInterval(this.hideTimer);
         delete(this.hideTimer);
      }
      if (this.hoverClass)
      {
         if (typeof this.triggerHighlight != 'undefined')
            this.addClassName(this.triggerHighlight, this.hoverClass);
      }
      return;
   }

   var pos = Spry.Widget.Utils.getAbsoluteMousePosition(e);
   this.pos = {x: pos.x + this.offsetX, y: pos.y + this.offsetY};

   this.triggerHighlight = target;

   Spry.Widget.Tooltip.closeAll();
   this.displayTooltip(true);
};

Spry.Widget.Tooltip.prototype.onMouseMoveTrigger = function(e)
{
   var pos = Spry.Widget.Utils.getAbsoluteMousePosition(e);
   this.pos = {x: pos.x + this.offsetX, y: pos.y + this.offsetY};
   if (this.visibleTooltip)
      this.showTooltip();
};
Spry.Widget.Tooltip.prototype.onMouseOutTrigger = function(e)
{
   var target = '';
   if (Spry.is.ie)
      target = e.toElement;
   else
      target = e.relatedTarget;

   var contains = Spry.Widget.Utils.contains;
   for (var i=0; i < this.triggerElements.length; i++)
      if (contains(this.triggerElements[i], target))
         return;

   this.displayTooltip(false);
};
Spry.Widget.Tooltip.prototype.onMouseOutTooltip = function(e)
{
   var target = '';
   if (Spry.is.ie)
      target = e.toElement;
   else
      target = e.relatedTarget;

   var contains = Spry.Widget.Utils.contains;
   if (contains(this.tooltipElement, target))
      return;

   this.displayTooltip(false);
};

Spry.Widget.Tooltip.prototype.onMouseOverTooltip = function(e)
{
   if (this.hideTimer)
   {
      clearInterval(this.hideTimer);
      delete(this.hideTimer);
   }
   if (this.hoverClass)
   {
      if (typeof this.triggerHighlight != 'undefined')
         this.addClassName(this.triggerHighlight, this.hoverClass);
   }
};

Spry.Widget.Tooltip.prototype.refreshTimeout = function()
{
   if (Spry.Widget.Tooltip.refreshTimeout != null)
   {
      clearTimeout(Spry.Widget.Tooltip.refreshTimeout);
      Spry.Widget.Tooltip.refreshTimeout = null;
   }

   Spry.Widget.Tooltip.refreshTimeout = setTimeout(Spry.Widget.Tooltip.refreshAll, 100);
};

Spry.Widget.Tooltip.prototype.destroy = function()
{
   for (var k in this)
   {
      try{
            if (typeof this.k == 'object' && typeof this.k.destroy == 'function') this.k.destroy();
            delete this.k;
         }catch(err){}
   }
};

Spry.Widget.Tooltip.prototype.checkDestroyed = function()
{
// checks the parent node. If it exists, then the element is still in the DOM
   if (!this.tooltipElement || this.tooltipElement.parentNode == null)
      return true;

   return false;
};

Spry.Widget.Tooltip.prototype.attachBehaviors = function()
{
   var self = this;
   var ev = Spry.Widget.Utils.addEventListener;
   for (var i=0; i< this.triggerElements.length; i++)
   {
      ev(this.triggerElements[i], 'mouseover', function(e) {self.onMouseOverTrigger(e || event); return true;}, false);
      ev(this.triggerElements[i], 'mouseout', function(e) {self.onMouseOutTrigger(e || event); return true;}, false);

      if (this.followMouse)
         ev(this.triggerElements[i], 'mousemove', function(e) {self.onMouseMoveTrigger(e || event); return true;}, false);
   }
   if (this.closeOnTooltipLeave)
   {
      ev(this.tooltipElement, 'mouseover', function(e){self.onMouseOverTooltip(e || event); return true;}, false);
      ev(this.tooltipElement, 'mouseout', function(e){self.onMouseOutTooltip(e || event); return true;}, false);
   }
   this.listenersAttached = true;
};

// createIframeLayer for Tooltip
// creates an IFRAME underneath a tooltip element so that it will show above form controls and ActiveX
Spry.Widget.Tooltip.prototype.createIframeLayer = function(tooltip)
{
   if (typeof this.iframeLayer == 'undefined')
   {
      var layer = document.createElement('iframe');
      layer.tabIndex = '-1';
      layer.src = 'javascript:"";';
      layer.scrolling = 'no';
      layer.frameBorder = '0';
      layer.className = 'iframeTooltip';
      tooltip.parentNode.appendChild(layer);
      this.iframeLayer = layer;
   }
   this.iframeLayer.style.left = tooltip.offsetLeft + 'px';
   this.iframeLayer.style.top = tooltip.offsetTop + 'px';
   this.iframeLayer.style.width = tooltip.offsetWidth + 'px';
   this.iframeLayer.style.height = tooltip.offsetHeight + 'px';
   this.iframeLayer.style.display = 'block';
};

// removeIframeLayer for Tooltip Element
// removes an IFRAME underneath a tooltip to reveal any form controls and ActiveX
Spry.Widget.Tooltip.prototype.removeIframeLayer =  function(tooltip)
{
   if (this.iframeLayer)
      this.iframeLayer.style.display = 'none';
};

Spry.Widget.Tooltip.prototype.showError = function(msg)
{
   alert('Spry.Widget.Tooltip ERR: ' + msg);
};

Spry.Widget.Tooltip.refreshAll = function()
{
   var q = Spry.Widget.Tooltip.loadQueue;
   var qlen = q.length;

   for (var i = 0; i < qlen ; i++)
   {
      if (q[i].checkDestroyed())
      {
         // the trigger element is no longer in the dom, we should remove the current widget.
         q[i].destroy();
         q.splice(i, 1);
         i--;
         qlen = q.length;
      }
   }
};

Spry.Widget.Tooltip.closeAll = function()
{
   var q = Spry.Widget.Tooltip.loadQueue;
   var qlen = q.length;

   for (var i = 0; i < qlen ; i++)
   {
      if (q[i].visibleTooltip)
         q[i].hideTooltip(true);

      if (q[i].showTimer)
         clearTimeout(q[i].showTimer);   

      if (q[i].hideTimer)
         clearTimeout(q[i].hideTimer);
   }
};

Spry.Widget.Tooltip.Animator = function(element, opts)
{
   this.timer = null;

   this.fps = 60;
   this.duration = 500;
   this.startTime = 0;

   this.transition = Spry.Widget.Tooltip.Animator.defaultTransition;

   this.onComplete = null;

   if (typeof element == 'undefined') return;
   this.element = Spry.Widget.Utils.getElement(element);

   Spry.Widget.Utils.setOptions(this, opts, true);
   this.interval = this.duration / this.fps;
};

Spry.Widget.Tooltip.Animator.defaultTransition = function(time, begin, finish, duration) { time /= duration; return begin + ((2 - time) * time * finish); };

Spry.Widget.Tooltip.Animator.prototype.start = function()
{
   var self = this;
   this.startTime = (new Date).getTime();
   this.beforeStart();
   this.timer = setInterval(function() { self.stepAnimation(); }, this.interval);
};

Spry.Widget.Tooltip.Animator.prototype.stop = function()
{
   if (this.timer)
      clearTimeout(this.timer);

   this.timer = null;
};
Spry.Widget.Tooltip.Animator.prototype.stepAnimation = function(){};
Spry.Widget.Tooltip.Animator.prototype.beforeStart = function(){};
Spry.Widget.Tooltip.Animator.prototype.destroy = function()
{
   for (var k in this)
      try
      {
         delete this.k;
      }catch(err){}
};

Spry.Widget.Tooltip.Fade = function(element, opts)
{
   Spry.Widget.Tooltip.Animator.call(this, element, opts);
   if (Spry.is.ie)
      this.origOpacity = this.element.style.filter;
   else
      this.origOpacity = this.element.style.opacity;
};
Spry.Widget.Tooltip.Fade.prototype = new Spry.Widget.Tooltip.Animator();
Spry.Widget.Tooltip.Fade.prototype.constructor = Spry.Widget.Tooltip.Fade;

Spry.Widget.Tooltip.Fade.prototype.stepAnimation = function()
{
   var curTime = (new Date).getTime();
   var elapsedTime = curTime - this.startTime;

   var i, obj;

   if (elapsedTime >= this.duration)
   {
      this.beforeStop();
      this.stop();
      return;
   }

   var ht = this.transition(elapsedTime, this.from, this.to - this.from, this.duration);
   if (Spry.is.ie)
   {
      var filter = this.element.style.filter.replace(/alpha\s*\(\s*opacity\s*=\s*[0-9\.]{1,3}\)/, '');
      this.element.style.filter = filter + 'alpha(opacity=' + parseInt(ht * 100, 10) + ')';
   }
   else
   {
      this.element.style.opacity = ht;
   }
   this.element.style.visibility = 'visible';
   this.element.style.display = 'block';
};
Spry.Widget.Tooltip.Fade.prototype.beforeStop = function()
{
   if (this.from > this.to)
      this.element.style.display = 'none';

   if (Spry.is.mozilla)
      this.element.style.filter = this.origOpacity;
   else
      this.element.style.opacity = this.origOpacity;
};

Spry.Widget.Tooltip.Blind = function(element, opts)
{
   this.from = 0;
   this.to = 100;
   Spry.Widget.Tooltip.Animator.call(this, element, opts);
   this.element.style.visibility = 'hidden';
   this.element.style.display = 'block';
   this.origHeight = parseInt(Spry.Widget.Utils.getStyleProperty(this.element, 'height'),10);
   if (isNaN(this.origHeight))
      this.origHeight = this.element.offsetHeight;

   if (this.to == 0)
      this.from = this.origHeight;
   else
      this.to = this.origHeight;
};
Spry.Widget.Tooltip.Blind.prototype = new Spry.Widget.Tooltip.Animator();
Spry.Widget.Tooltip.Blind.prototype.constructor = Spry.Widget.Tooltip.Blind;

Spry.Widget.Tooltip.Blind.prototype.beforeStart = function()
{
   this.origOverflow = Spry.Widget.Utils.getStyleProperty(this.element, 'overflow');
   this.element.style.overflow = 'hidden';
};
Spry.Widget.Tooltip.Blind.prototype.stepAnimation = function()
{
   var curTime = (new Date).getTime();
   var elapsedTime = curTime - this.startTime;

   var i, obj;

   if (elapsedTime >= this.duration)
   {
      this.beforeStop();
      this.stop();
      return;
   }
   var ht = this.transition(elapsedTime, this.from, this.to - this.from, this.duration);
   this.element.style.height = Math.floor(ht) + 'px';
   this.element.style.visibility = 'visible';
   this.element.style.display = 'block';
};
Spry.Widget.Tooltip.Blind.prototype.beforeStop = function()
{
   this.element.style.overflow = this.origOverflow;
   if (this.from > this.to)
      this.element.style.display = 'none';
   
   this.element.style.height = this.origHeight + 'px';
};
//////////////////////////////////////////////////////////////////////
//
// Spry.Widget.Utils
//
//////////////////////////////////////////////////////////////////////

if (!Spry.Widget.Utils)   Spry.Widget.Utils = {};

Spry.Widget.Utils.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
{
   if (!optionsObj)
      return;
   for (var optionName in optionsObj)
   {
      if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
         continue;
      obj[optionName] = optionsObj[optionName];
   }
};

Spry.Widget.Utils.getElement = function(ele)
{
   if (ele && typeof ele == "string")
      return document.getElementById(ele);
   return ele;
};

Spry.Widget.Utils.getElementsByClassName = function(sel)
{
   if (!sel.length > 0)
      return null;

   var selectors = sel.split(',');
   var el = [];

   for (var i =0; i < selectors.length; i++)
   {
      var cs = selectors[i];
      var chunk = cs.split(' ');
      var parents = [];
      parents[0] = [];
      parents[0][0] = document.body;
      for (var j = 0; j < chunk.length; j++)
      {
         var tokens = Spry.Widget.Utils.getSelectorTokens(chunk[j]);
         for (var k =0; k < parents[j].length; k++)
         {
            var childs = parents[j][k].getElementsByTagName('*');
            parents[j+1] = [];
            for (var l=0; l < childs.length; l++)
               if (Spry.Widget.Utils.hasSelector(childs[l], tokens))
                  parents[j+1].push(childs[l]);
         }
      }
      if (parents[j])
      {
         for (var k = 0; k < parents[j].length; k++)
            el.push(parents[j][k]);
      }
   }
   return el;
};

Spry.Widget.Utils.firstValid = function()
{
   var ret = null;
   var a = Spry.Widget.Utils.firstValid;
   for(var i=0; i< a.arguments.length; i++)
   {
      if (typeof(a.arguments[i]) != 'undefined')
      {
         ret = a.arguments[i];
         break;
      }
   }
   return ret;
};
Spry.Widget.Utils.getSelectorTokens = function(str)
{
   str = str.replace(/\./g, ' .');
   str = str.replace(/\#/g, ' #');
   str = str.replace(/^\s+|\s+$/g,"");
   return str.split(' ');
};
Spry.Widget.Utils.hasSelector = function(el, tokens)
{
   for (var i =0; i< tokens.length; i++)
   {
      switch (tokens[i].charAt(0))
      {
         case '.':   if (!el.className || el.className.indexOf(tokens[i].substr(1)) == -1) return false; break;
         case '#': if (!el.id || el.id != tokens[i].substr(1)) return false; break;
         default: if (el.nodeName.toLowerCase != tokens[i]) return false; break;
      }
   }
   return true;
};
Spry.Widget.Utils.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) {}
};

Spry.Widget.Utils.getStyleProperty = function(element, prop)
{
   var value;
   var camelized = Spry.Widget.Utils.camelize(prop);
   try
   {
      if (element.style)
         value = element.style[camelized];

      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[camelized];
         }
      }
   }
   catch (e) {}

   return value == 'auto' ? null : value;
};
Spry.Widget.Utils.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.Utils.getPixels
 *    returns the value of a CSS property as Int, converting medium to 2
 * @param {DOMElement} m - elements
 * @param {String} s -
 */
Spry.Widget.Utils.getPixels = function (m, s)
{
   var v = Spry.Widget.Utils.getStyleProperty(m, s);
   if (v == "medium") {
      v = 2;
   } else {
      v = parseInt(v, 10);
   }
   v = isNaN(v)?0:v;
   return v;
};

Spry.Widget.Utils.getAbsoluteMousePosition = function(ev)
{
   var pos = {x:0, y:0};
   if (ev.pageX)
      pos.x = ev.pageX;
   else if (ev.clientX)
      pos.x = ev.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);

   if (isNaN(pos.x)) pos.x = 0;

   if (ev.pageY)
      pos.y = ev.pageY;
   else if (ev.clientY)
      pos.y = ev.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

   if (isNaN(pos.y)) pos.y = 0;

   return pos;
};

/**
 * Spry.Widget.Utils.getBorderBox
 *    returns a border box object (x,y,width,height) which perfectly covers the el element and its borders
 *    the x, y are absolute coordinates measured from from the window viewport
 *    use the box as the second parameter in Spry.Widget.Utils.setBorderBox
 * @param {DOMElement or String} el -
 * @param {DOMDocument,optional} doc -
 */
Spry.Widget.Utils.getBorderBox = function (el, doc)
{
   doc = doc || document;
   if (typeof el == 'string')
      el = doc.getElementById(el);

   if (!el)
      return false;

   if (el.parentNode === null || Spry.Widget.Utils.getStyleProperty(el, 'display') == 'none')
      //element must be visible to have a box
      return false;

   var ret = {x:0, y:0, width:0, height: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;
      ret.width = box.right - box.left;
      ret.height = box.bottom - box.top;
   } else if (doc.getBoxObjectFor) { // gecko
      box = doc.getBoxObjectFor(el);
      ret.x = box.x;
      ret.y = box.y;
      ret.width = box.width;
      ret.height = box.height;
      var btw = Spry.Widget.Utils.getPixels(el, "border-top-width");
      var blw = Spry.Widget.Utils.getPixels(el, "border-left-width");
      ret.x -= blw;
      ret.y -= btw;
   } else { // safari/opera
      ret.x = el.offsetLeft;
      ret.y = el.offsetTop;
      ret.width = el.offsetWidth;
      ret.height = el.offsetHeight;
      parent = el.offsetParent;
      if (parent != el)
      {
         while (parent)
         {
            ret.x += parent.offsetLeft;
            ret.y += parent.offsetTop;
            parent = parent.offsetParent;
         }
      }
      var blw = Spry.Widget.Utils.getPixels(el, "border-left-width");
      var btw = Spry.Widget.Utils.getPixels(el, "border-top-width");
      ret.x -= blw;
      ret.y -= btw;
      // opera & (safari absolute) incorrectly account for body offsetTop
      var ua = navigator.userAgent.toLowerCase();
      if (Spry.is.opera || Spry.is.safari && Spry.Widget.Utils.getStyleProperty(el, 'position') == 'absolute')
         ret.y -= doc.body.offsetTop;
   }
   if (el.parentNode)
         parent = el.parentNode;
   else
      parent = null;
      
   while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML')
   {
      ret.x -= (isNaN(parent.scrollLeft) ? 0 : parent.scrollLeft);
      ret.y -= (isNaN(parent.scrollTop)  ? 0 : parent.scrollTop);
      if (parent.parentNode)
         parent = parent.parentNode;
      else
         parent = null;
   }
   return ret;
};

/**
 * Spry.Widget.Utils.setBorderBox
 *    puts the element el to the location specified by box
 * @param {DOMElement} el - the element to be placed
 * @param {Object} box - hash containing the x and y coordinates where to put el
 *
 */
Spry.Widget.Utils.setBorderBox = function (el, box) {
   var pos = Spry.Widget.Utils.getBorderBox(el, el.ownerDocument);
   if (pos === false)
      return false;

   var delta = {
      x:Spry.Widget.Utils.getPixels(el, 'left'),
       y:Spry.Widget.Utils.getPixels(el, 'top')
   };

   var new_pos = {x:0, y:0, w:0, h:0};
   if (typeof box.x == 'number') {
      new_pos.x = box.x - pos.x + delta.x;
   }
   if (typeof box.y == 'number') {
      new_pos.y = box.y - pos.y + delta.y;
   }

   if (typeof box.x == 'number') {
      el.style.left = new_pos.x + 'px';
   }
   if (typeof box.y == 'number') {
      el.style.top = new_pos.y + 'px';
   }
   return true;
};

Spry.Widget.Utils.putElementAt = function (source, target, offset, biv)
{
   biv = Spry.Widget.Utils.firstValid(biv, true);

   var source_box = Spry.Widget.Utils.getBorderBox(source, source.ownerDocument);

   Spry.Widget.Utils.setBorderBox(source, target);
   if (biv)
      Spry.Widget.Utils.bringIntoView(source);

   return true;
};


/**
 * Spry.Widget.Utils.bringIntoView
 *    set the position of the source element so it is completely visible in the window
 * @param {DOMElemenet} source - the element to be
 */
Spry.Widget.Utils.bringIntoView = function (source) {
   var box = Spry.Widget.Utils.getBorderBox(source, source.ownerDocument);
   if (box === false) {
      return false;
   }

   var current = {
      x:Spry.Widget.Utils.getPixels(source, 'left'),
       y:Spry.Widget.Utils.getPixels(source, 'top')
   };

   var delta = {x:0, y:0};
   var offset_fix = {x:0, y:0};
   var strictm = source.ownerDocument.compatMode == "CSS1Compat";
   var doc = (Spry.is.ie && strictm || Spry.is.mozilla)?source.ownerDocument.documentElement:source.ownerDocument.body;

    offset_fix.x = Spry.Widget.Utils.getPixels(doc, 'border-left-width');
    offset_fix.y = Spry.Widget.Utils.getPixels(doc, 'border-top-width');

   var st = doc.scrollTop;
   var ch = self.innerHeight ? self.innerHeight : doc.clientHeight;

   var t = box.y + (Spry.is.ie?-offset_fix.y:offset_fix.y);
   var b = box.y + box.height + (Spry.is.ie?-offset_fix.y:offset_fix.y);

   if ( b - st > ch) {
      delta.y = ch - (b - st);
      if (t + delta.y < st) {
         delta.y = st-t;
      }
   } else if (t < st) {
      delta.y = st - t;
   }

   if (delta.y != 0) {
      source.style.top = (current.y + delta.y) + 'px';
   }

   var sl = doc.scrollLeft;
   var cw = doc.clientWidth;
   var l = box.x + (Spry.is.ie?-offset_fix.x:offset_fix.x);
   var r = box.x + box.width + (Spry.is.ie?-offset_fix.x:offset_fix.x);

   if ( r - sl > cw) {
      delta.x = cw - (r - sl);
      if (l + delta.x < sl) {
         delta.x = sl-l;
      }
   } else if (l < sl) {
      delta.x = sl - l;
   }

   if (delta.x != 0) {
      source.style.left = (current.x + delta.x) + 'px';
   }
};

Spry.Widget.Utils.contains = function (who, what) {
   if (typeof who.contains == 'object') {
      return what && who && (who == what || who.contains(what));
   } else {
      var el = what;
      while(el) {
         try{
            if (el == who) {
               return true;
            }
            el = el.parentNode;
         }catch(a){return false;}
      }
      return false;
   }
};

})(); // EndSpryComponent


Hoffe ihr könnt helfen!

[Bitte CODE-Tags verwenden]


Zuletzt bearbeitet von Kash am Mi 27.10.2010 13:33, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Trendhase
Threadersteller

Dabei seit: 11.05.2010
Ort: Augsburg
Alter: -
Geschlecht: Weiblich
Verfasst Mi 27.10.2010 13:36
Titel

Antworten mit Zitat Zum Seitenanfang

Mach es Sinn, die Seite mal auf den Server zu stellen, auch wenn sie noch net perfekt ist? Wenn´s euch hilft, mach ich´s. Kann ja dann meine Alte (leider nur ein Flashfilmchen das lange lädt) wieder hochladen.
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 27.10.2010 13:52
Titel

Antworten mit Zitat Zum Seitenanfang

wäre schön, wenn dus mal hochladen würdest ... da wären wir wieder bei dem thema "den helfern das problem so mundgerecht wie möglich zu servieren" ;o) *bäh*
  View user's profile Private Nachricht senden
Trendhase
Threadersteller

Dabei seit: 11.05.2010
Ort: Augsburg
Alter: -
Geschlecht: Weiblich
Verfasst Mi 27.10.2010 13:54
Titel

Antworten mit Zitat Zum Seitenanfang

Seh grad den Hinweis auf "Code-Tags"? Hä?
Werd die Seite mal hochladen, kann etwas dauern.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Firefox zeigt Website vergrößert an
Flashanimation in website zeigt nicht
Reputationswerte zu schlecht - was tun?
Grafiken im PDF schlecht im Ausruck gut
imcreator - gut oder schlecht?
blog in 15 min - und mir wird schlecht
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.