从 php 回声调用 javascript 图像不透明度 function

Question

I've made it so that when you hover the cursor over the image button it starts fading and when you move the cursor out, it goes back to original opacity.我已经做到了，当你 hover cursor 在图像按钮上时它开始褪色，当你将 cursor 移出时，它又回到原来的 opacity。 The problem is that when I add php tags around the content in the body and echo the table, it no longer works.问题是，当我在正文中的内容周围添加 php 标记并回显表格时，它不再起作用。 Thanks for advance for the help.感谢您提前提供帮助。

Here's the code:这是代码：

<html>
<head>
<script type="text/javascript">
function SetOpacity(elem, opacityAsInt)
{
    var opacityAsDecimal = opacityAsInt;

    if (opacityAsInt > 100)
        opacityAsInt = opacityAsDecimal = 100; 
    else if (opacityAsInt < 0)
        opacityAsInt = opacityAsDecimal = 0; 

    opacityAsDecimal /= 100;
    if (opacityAsInt < 1)
        opacityAsInt = 1; // IE7 bug, text smoothing cuts out if 0

    elem.style.opacity = opacityAsDecimal;
    elem.style.filter  = "alpha(opacity=" + opacityAsInt + ")";
}

function FadeOpacity(elemId, fromOpacity, toOpacity, time, fps)
{
    var steps = Math.ceil(fps * (time / 1000));
    var delta = (toOpacity - fromOpacity) / steps;

    FadeOpacityStep(elemId, 0, steps, fromOpacity, delta, (time / steps));
}

function FadeOpacityStep(elemId, stepNum, steps, fromOpacity, delta, timePerStep)
{
    SetOpacity(document.getElementById(elemId), Math.round(parseInt(fromOpacity) + (delta * stepNum)));

    if (stepNum < steps)
        setTimeout("FadeOpacityStep('" + elemId + "', " + (stepNum+1) + ", " + steps + ", " + fromOpacity + ", " + delta + ", " + timePerStep + ");", timePerStep);
}

</script>
</head>


<body>
<?php

echo"
<form action='opacity.php' method='post'>

<input type='image' name='blue' id='ImgAkxl2' value='blue' src='streetfighter.jpg'
onmouseover='FadeOpacity('ImgAkxl2', 100, 70, 250 , 24)'
onmouseout ='FadeOpacity('ImgAkxl2', 70, 100, 250 , 24)'



/>
</form>


";

?>
</body>
</html>

Answer 1

You need to escape the internal quotes in your onmouseover and onmouseout events您需要在 onmouseover 和 onmouseout 事件中转义内部引号

<input type='image' name='blue' id='ImgAkxl2' value='blue' src='streetfighter.jpg'
onmouseover='FadeOpacity(\'ImgAkxl2\', 100, 70, 250 , 24)'
onmouseout ='FadeOpacity(\'ImgAkxl2\', 70, 100, 250 , 24)'
/>

Answer 2

onmouseover='FadeOpacity('ImgAkxl2', 100, 70, 250 , 24)'
onmouseout ='FadeOpacity('ImgAkxl2', 70, 100, 250 , 24)'

becomes变成

onmouseover='FadeOpacity(\"ImgAkxl2\", 100, 70, 250 , 24)'
onmouseout ='FadeOpacity(\"ImgAkxl2\", 70, 100, 250 , 24)'

and you have your problem solved: :)你的问题解决了：:)

Having the same type of quote inside an attribute's value closes the value's section, if that makes any sense?在属性值中使用相同类型的引号会关闭值的部分，如果这有意义吗？

从 php 回声调用 javascript 图像不透明度 function

问题描述

2 个解决方案

解决方案1
3 2011-05-29 06:10:09

解决方案2
1 已采纳 2011-05-29 06:13:20

从 php 回声调用 javascript 图像不透明度 function

问题描述

2 个解决方案

解决方案1 3 2011-05-29 06:10:09

解决方案2 1 已采纳 2011-05-29 06:13:20

解决方案1
3 2011-05-29 06:10:09

解决方案2
1 已采纳 2011-05-29 06:13:20