iFrameのは、(完全なコードが含まれています)IE7でScriptaculousのドラッグの問題の原因は?
-
21-08-2019 - |
質問
私はIE7でのiframeの上にドラッグ可能なdivの内側にあるリンクをドラッグすると、私は非常に奇妙な結果を得ます。以下のコードを試してみて、あなたがこの問題を解決する方法についての提案があるなら、私に知らせます。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!--<script type="text/javascript" src="/js/prototype.js"></script>-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js?load=effects,dragdrop,controls"></script>
<!--<script type="text/javascript" src="/js/scriptaculous.js?load=effects,dragdrop,controls"></script>-->
</head>
<body>
<div id="test" style="background-color: #aaaaaa; width: 200px; height: 50px;">
<a href="blah" onclick="blah(); return false;">blah</a>
</div>
<iframe>
</iframe>
</body>
<script>
function blah(){
//blackbird.debug("blah");
}
var dummy = new Draggable("test", {scroll:window,scrollSensitivity: 20,scrollSpeed: 25, revert: true, onStart: onDragStart, onEnd: onDragEnd });
var temp;
function onDragStart(drgObj,mouseEvent){
temp = mouseEvent.target.onclick;
mouseEvent.target.onclick = function(e){
mouseEvent.target.onclick = temp;
return false;
}
}
function onDragEnd(drgObj,mouseEvent){
}
</script>
</html>
解決
私は優雅にこれを処理する唯一の方法は、それの上に私のコンテンツをドラッグし、IFRAME以上= 1%の透明度で、フルサイズのdiv要素を配置することでした。
が見つかりPSドラッグ問題があまりにもIE6とIE8である。
他のヒント
さて、私はyoureのコードをテストcouldntの。しかし、私は、IFRAMEの上にドラッグ可能な項目でもIFRAMEに取り組んでいます。
私はにstartEffectはそれの不透明度を設定する問題を抱えていた問題を抱えていました。 私がやった事はでstartEffectた:「」私の新しいドラッグ可能なjsのコードであり、そこではiframeできれいにdiv要素を作らなかった。
。ここに私のコードです:
<div id="main_container">
<div>
<iframe></iframe>
</div>
<div id="youredragelelement"><img /></div>
</div>
フルページのiframeのために私はこのサイトに沿って来て、それが私のために完璧に動作します: http://www.dev-explorer.com/articles/full-page- IFRAMEする
それが役に立てば幸い..
あなたはコードを投稿することができますか?私は理解していないです。
私はdivの中のiframeを包み、それは何の違いを行っていない。
<div style="filter:alpha(opacity=1); opacity: 0.01; -moz-opacity:0.01;">
<iframe>
</iframe>
</div>
所属していません StackOverflow