ปุ่ม Down กับ Up ไม่ทำงานใน Browser รุ่นใหม่ๆ (แต่อย่างอื่นทำงานหมดแล้ว)

กระทู้คำถาม

HTML HTML5 Web Browser JavaScript AJAX

รายละเอียดอยู่ใน Spoil

ตัว Body
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้<?

include_once("connect.php");

include_once("function.php");

$obj_database = new database();

$F1=mysql_fetch_assoc($obj_database->select_query("id=$_GET[id]",array('id','head','detail','picture1'),"s_album"));

?>

<!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" />

<link href="reset.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="style.css" media="all" />

<link rel="stylesheet" type="text/css" href="stylesheet/slimbox.css" />

<title><? include_once("inc-title.php"); ?></title>
<script data-cfasync="false" src="bereich-datenschutz_files/ga.js" async="" type="text/javascript"></script><script data-cfasync="false" language="JavaScript1.2" src="bereich-datenschutz_files/sitefunctions.js" type="text/javascript"></script>
<script data-cfasync="false" language="JavaScript1.2" src="bereich-datenschutz_files/module.js" type="text/javascript"></script>
<script data-cfasync="false" language="JavaScript1.2" src="bereich-datenschutz_files/swfobject.js" type="text/javascript"></script>
<script data-cfasync="false" language="javascript" type="text/javascript" src="bereich-datenschutz_files/jquery-1.12.4.min.js"></script>
<script data-cfasync="false" language="javascript" type="text/javascript" src="bereich-datenschutz_files/jquery-migrate-1.4.1.min.js"></script>
<script data-cfasync="false" type="text/javascript" src="bereich-datenschutz_files/jquery.js"></script>
<script data-cfasync="false" language="JavaScript1.2" src="bereich-datenschutz_files/spezifisch.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="bereich-datenschutz_files/pagestyles.css">
<link rel="stylesheet" type="text/css" href="bereich-datenschutz_files/textstyles.css">
<link rel="stylesheet" type="text/css" href="bereich-datenschutz_files/module.css">



</head>

<body id="news" topmargin="0" leftmargin="0" onLoad="init('artikel959','inhalt959'), setupZoom();" bgcolor="#FFFFFF" marginheight="0" marginwidth="0" >

<script data-cfasync="false" type="text/javascript">

var layer;

var timer;

var scrollheight=10;        // Sollte in jedem Fall identisch mit der Größe des

                // sichtbaren Bereiches sein. Also die Höhe des

                // Container Layers.

                // Kann auch über das Elternobjekt ausgelesen werden.

// Initialisieren des Scriptes

function init(id,id2)

  {layer = document.getElementById(id);

   layer2 = document.getElementById(id2);

   layer.style.top = 0;

   // WENN HÖHE DES INNEREN LAYERS GROESSER DER DES CONTAINERS, SCROLLBUTTONS EINBLENDEN.

   if (layer.offsetHeight > layer2.offsetHeight)

      {document.getElementById('inhalt959scrbuts').style.display = 'block';

      }

  }



// Ermittelt die Höhe des Layers und gibt sie zurück

function getho

turn layer.offsetHeight;

}

function getouterho

turn layer2.offsetHeight;

  }



// Nach unten scrollen. Mit speed wird gesteuert wie schnell gescrollt

// werden soll (Pixel/25ms)

function scrolldown(speed)

  {

   // Solange wie wir noch nicht alles gesehen haben scrollen wir nach unten.

   if ( gethoehe() + parseInt(layer.style.top) > getouterhoehe())

      {layer.style.top = parseInt(layer.style.top) - parseInt(speed) + 'px';

       timer = window.setTimeout("scrolldown('"+speed+"')",1);

      }

  }

// Nach oben scrollen. Mit speed wird gesteuert wie schnell gescrollt

// werden soll (Pixel/25ms)

function scrollup(speed)

  {

   // Solange wir die Ausgangsposition noch nicht wieder erreicht haben

   // scrollen wir nach oben.

   if ( parseInt(layer.style.top) < 0)

      {layer.style.top = parseInt(layer.style.top) + parseInt(speed) + 'px';

       timer = window.setTimeout("scrollup('"+speed+"')",1);

      }

  }

// Den Timer der das Hoch- oder Runterscrollen steuert anhalten.

function stopscroll()

  {

   window.clearTimeout(timer);

  }
</script>

<div class="main1"><? include_once("inc-header.php"); ?></div>

<div class="main1 sh445 ">

<div class="fl sw146">  </div>

<div class="fl sw809 bgi-news sh445">

  <div class="sh20"></div>

  <div class="sw809">

     <div class="fl sw287 ml30">

            <div class=""><img class="bd-white2"src="<?=$mdir?>/GD.php?file=2,1,<?=$F1[picture1]?>,287,251" border="0" alt=""/></div>

            <div class="mt5">

            <? $sql_s = $obj_database->select_query("ownerid=$F1[id]",array('picture1'),"s_album_list");

            while($FS=mysql_fetch_assoc($sql_s)){?>

                 <div class="fl ml8 mt10"><a href="upload/<?=$FS[picture1]?>" target="_blank" rel="lightbox[galerie]"><img class="bd-white2" src="<?=$mdir?>/GD.php?file=2,1,<?=$FS[picture1]?>,45,45" border="0" alt=""/></a></div>

              <? }?>



            </div>

      </div>



      <div class="fl ml15 sw470">

           <div class="fs18 b "><?=$F1[head]?></div>



<div id="inhalt959">

<div id="artikel959">

<div id="text"><?=$F1[detail]?></div>

</div>

</div>

<div style="display: block;" id="inhalt959scrbuts">

<div id="inhaltlinkscontainer495" class="sw50" align="justify"><a href="news.php">Back to News</a></div>

<div id="inhaltrechtsdown" class="sw50" align="right"><a href="javascript:;" onMouseOver="scrolldown('1')" onMouseOut="stopscroll()" onMouseDown="scrolldown(5);" onMouseUp="stopscroll()">Up</a></div>

<div id="inhaltrechtsup" class="sw50" align="right"><a href="javascript:;" onMouseOver="scrollup('1')" onMouseOut="stopscroll()" onMouseDown="scrollup(5);" onMouseUp="stopscroll()">Down</a></div>

</div>















      </div>





  </div>

</div>



</div>



<div class="main1">

  <? include_once("inc-footer.php"); ?>

</div>

<script data-cfasync="false" type="text/javascript">

  var _gaq = _gaq || [];

  _gaq.push(['_setAccount', 'UA-16673792-1']);

  _gaq.push(['_gat._anonymizeIp']);

  _gaq.push(['_trackPageview']);

  (function() {

    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

  })();

</script>

</body>

</html>

ตัวโค้ตฝังที่น่าสงสัยว่าผิดพลาด
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้
/* Copyright (c) 2006 Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
*
* $LastChangedDate: 2007-12-20 09:02:08 -0600 (Thu, 20 Dec 2007) $
* $Rev: 4265 $
*
* Version: 3.0
*
* Requires: $ 1.2.2+
*/

$( document ).ready.function($);
$.event.special.onwheel = {
    setup: function($) {
        var handler = $.event.special.onwheel.handler
    }
};
        // Fix pageX, pageY, clientX and clientY for all browsers
        if ( $.browser.mozilla ) {
            $(this).bind('mousemove.onwheel', function(event) {
                $.data(this, 'mwcursorposdata', {
                    pageX: event.pageX,
                    pageY: event.pageY,
                    clientX: event.clientX,
                    clientY: event.clientY
                    });
                });
        if ( $.browser.webkit ) {
            $(this).bind('mousemove.onwheel', function(event) {
                $.data(this, 'mwcursorposdata', {
                    pageX: event.pageX,
                    pageY: event.pageY,
                    clientX: event.clientX,
                    clientY: event.clientY
                });
            });
        if ( this.addEventListener ) {
            this.addEventListener( ($.browser.mozilla ? 'DOMMouseScroll' : 'mousewheel'), handler, false);
            this.addEventListener( ($.browser.webkit ? 'wheel' : 'onmousewheel'), handler, false); }
        else {
            this.onwheel = handler
    ;}

    teardown: function($) {
        var handler = $.event.special.onwheel.handler;
        $(this).unbind('mousemove.onwheel');
        if ( this.removeEventListener ) {
            this.removeEventListener( ($.browser.mozilla ? 'DOMMouseScroll' : 'mousewheel'), handler, false);
            this.removeEventListener( ($.browser.webkit ? 'wheel' : 'onmousewheel'), handler, false);}
        else {
            this.onwheel = function(){};
        }

        $.removeData(this, 'mwcursorposdata');
    }

    handler: function(event) {
        var args = Array.prototype.slice.call( arguments, 1 );

        event = $.event.fix(event || window.event);
        // Get correct pageX, pageY, clientX and clientY for Mozilla and Firefox browsers
        $.extend( event, $.data(this, "mwcursorposdata") || {} );
        var delta = 0, returnValue = true;

        if ( event.wheelDelta ) delta = event.wheelDelta/120;
        if ( event.detail     ) delta = -event.detail/3;
//        if ( $.browser.opera  ) delta = -event.wheelDelta;

        event.data  = event.data || {};
        event.type  = 'onwheel';

        // Add delta to the front of the arguments
        args.unshift(delta);
        // Add event to the front of the arguments
        args.unshift(event);

        return $.event.handle.apply(this, args);
    }
}

$.fn.extend({
    mousewheel: function(fn) {
        return fn ? this.bind('onwheel', fn) : this.trigger('onwheel');
    },

    unmousewheel: function(fn) {
        return this.unbind('onwheel', fn);
    }
});

})(jQuery);

ช่วยตอบด้วยนะคะ