回复：重新思考我对模态Windows的使用.... [英] Re: Rethinking My Use of Modal Windows....
问题描述
5月2日下午4:31，Ben C< spams ... @ spam.eggswrote：
>
轻松完成。
我发现此代码位于 http://colorado-springs.pm.org/balloonHint.html
但该网站似乎没有提供一个有效的例子！
不要使用真实的模态窗口，而是使用Web 2.0弹出窗口。
是的，类似于Kontera的在线文字内容，除了完全
客户端...嗯，实际上，Kontera东西可能很烦人，
太...更好切换回onClick，因为onMouseOver可以是
意外...我会用onMouseOver做什么，但是，制作
" link"或链接/召唤元素或得到突出显示，好像
警告......好主意，你觉得呢？通过这种方式，它不是在你的脸上，我不希望面对我的访客，即使它是
相关信息....
获取DIV，给它一个透明背景和背景图像
看起来像一个讲话泡泡，其圆形
角落周围有透明像素。使DIV可见性：隐藏。
然后使用JS将其更改为可见性：当您希望它弹出时可见。
up。页面的其余部分不会被冻结。
谢谢，这听起来像一个计划！由于我目前的技术限制，我没有看到具体的步骤
，但你的建议的广泛
轮廓听起来像我可以学到的东西
实现！
消失可以完成，但有点棘手。你需要将
元素的不透明度从1.0逐渐设置为0.0才能使其可见：
当它达到0时隐藏。为此你使用setInterval （或setTimeout
但我更喜欢setInterval）。我想我们前几天对此进行了解释。
的确，我非常感激 - 我能够让文字淡出
in，now ...理想情况下整个&]方块"或气球或气球。应该淡入，但
文本本身渐渐消失，令人印象深刻，非常好。然后，也许
一个淡入淡出效果很充足 - 也许不是淡出气球或
盒子应该尽快消失....
战争中的囚徒写道：
5月2日下午4:31，Ben C<垃圾邮件... @ spam.eggswrote：
>>
轻松完成。
我发现此代码位于 http://colorado-springs.pm.org/balloonHint.html
但该网站似乎没有提供一个有效的例子！
这只是一个常规的弹出窗口。
>
>不要使用真实的模态窗口，而是使用Web 2.0弹出窗口。
也许Ben会为你写一个简单的例子，我太困了
挖掘我的时刻out。
杰夫
>
是的，像Kontera在线文字的东西，除了完全
客户端...嗯，实际上，Kontera的东西可能很烦人，
太...更好切换回onClick，因为onMouseOver可能是
意外...我会用onMouseOver做什么，但是，是
"链接"或链接/召唤元素或得到突出显示，好像
警告......好主意，你觉得呢？通过这种方式，它不是在你的脸上，我不希望面对我的访客，即使它是
相关信息....
>获取DIV，给它一个透明的背景和背景图像
看起来像一个气泡，在其圆角的周围有透明像素。使DIV可见性：隐藏。
然后使用JS将其更改为可见性：当您希望它弹出时可见。
页面的其余部分不会被冻结。
谢谢，这听起来像个计划！由于我目前的技术限制，我没有看到具体的步骤
，但你的建议的广泛
轮廓听起来像我可以学到的东西
实现！
>消失可以完成，但有点棘手。你需要将
元素的不透明度从1.0逐渐设置为0.0才能使其可见：
当它达到0时隐藏。为此你使用setInterval（或setTimeout
但是我更喜欢setInterval）。我想我们前几天对此进行了解释。
的确，我非常感激 - 我能够让文字淡出
in，现在...理想情况下整个&]方块"或气球或气球。应该淡入，但
文本本身渐渐消失，令人印象深刻，非常好。然后，也许
一个淡入淡出效果很充足 - 也许不是淡出气球或
盒子应该尽快消失....
2008-05-03，Jeff< jeff@spam_me_not.comwrote：
战争中的囚徒写道：
> 5月2日下午4:31，Ben C< spams ... @ spam.eggswrote：
>>>
轻松完成。
我在 http中找到了此代码：//colorado-springs.pm.org/balloonHint.html
但该网站似乎没有提供一个有效的例子！
这只是一个常规的弹出窗口。
>>
>>不要使用真实的模态窗口，而是使用Web 2.0弹出窗口。
也许Ben会为你写一个简单的例子，我太困了
挖掘我的时刻出。
您现在的位置是：
http://www.tidraso.co.uk/misc/bubble/
我做的不多JavaScript通常是这样的，这不太可能是最好的方式。它可能在IE中不起作用。
问题：目前每个< span class =" bubble"必须有一个独特的
id只是为了我可以在createBubble中识别它。什么是
避免这种情况的最好方法？
例如，JS可以在最近解析的时候创建一个泡泡
节点？然后文件中SCRIPT元素的位置将包含关于气泡附着位置的所有必要信息。
在文章< sl*********************@bowser.marioworld> ;,
Ben C< sp ****** @ spam。 eggwrote：
2008-05-03，Jeff< jeff@spam_me_not.comwrote：
战争中的囚徒写道：
5月2日下午4:31，Ben C< spams ... @ spam.eggswrote：
轻松完成。
我发现此代码位于 http://colorado-springs.pm.org/balloonHint.html
但该网站似乎没有提供一个有效的例子！
这只是一个常规的弹出窗口。
>
不要使用真实的模态窗口，而是使用Web 2.0弹出窗口。
也许Ben会为你写一个简单的例子，我太困了
挖掘我的时刻。
非常棒的Mac FF和Opera不适合在Safari 2中使用iCab。
气泡非常局部显示，左边位，后两位。
-
dorayme
On May 2, 4:31 pm, Ben C <spams...@spam.eggswrote:
>
Easily done.
I found this code at http://colorado-springs.pm.org/balloonHint.html
but the site doesn''t seem to provide a working example!
Don''t use a real modal window, instead use a "Web 2.0 popup".
Yeah, something like that Kontera in-line text stuff, except totally
client-side...hmmm, actually, that Kontera stuff can be annoying,
too...better switch back to onClick, since onMouseOver can be
accidental...what I will do with an onMouseOver, however, is make the
"link" or "linking/summoning element" get highlighted, as if
"warning"...good idea, you think? This way, it''s not "in-your-
face"...don''t want to be in-your-face to my visitors, even if it''s
relevant information....
Get a DIV, give it a transparent background and a background image that
looks like a speech bubble, with transparent pixels around its rounded
corners. Make the DIV visibility: hidden.
Then use JS to change it to visibility: visible when you want it to pop
up. The rest of the page won''t be frozen.
Thanks, that sounds like a plan! I don''t see the concrete steps
involved due to my present technical limitations, but the broad
contours of your suggestion sound like something I can learn to
achieve!
Fading away can be done but is a bit more tricky. You''d need to set the
element''s opacity gradually from 1.0 to 0.0 before making it visibility:
hidden when it reached 0. For that you use setInterval (or setTimeout
but I prefer setInterval). I think we explained this the other day.
Indeed, for which I am very grateful -- I am able to make text fade
in, now...ideally the whole "box" or "balloon" should fade in, but the
text itself fading in is impressive and very nice. Then again, maybe
one fade effect is plenty -- maybe instead of fade-out the balloon or
box should just disappear ASAP....
Prisoner at War wrote:On May 2, 4:31 pm, Ben C <spams...@spam.eggswrote:>>
Easily done.
I found this code at http://colorado-springs.pm.org/balloonHint.html
but the site doesn''t seem to provide a working example!That''s just a regular popup window.
>>Don''t use a real modal window, instead use a "Web 2.0 popup".
Perhaps Ben will write a simple example for you, I''m too sleepy at
the moment to dig mine out.
Jeff>
Yeah, something like that Kontera in-line text stuff, except totally
client-side...hmmm, actually, that Kontera stuff can be annoying,
too...better switch back to onClick, since onMouseOver can be
accidental...what I will do with an onMouseOver, however, is make the
"link" or "linking/summoning element" get highlighted, as if
"warning"...good idea, you think? This way, it''s not "in-your-
face"...don''t want to be in-your-face to my visitors, even if it''s
relevant information....
>Get a DIV, give it a transparent background and a background image that
looks like a speech bubble, with transparent pixels around its rounded
corners. Make the DIV visibility: hidden.
Then use JS to change it to visibility: visible when you want it to pop
up. The rest of the page won''t be frozen.
Thanks, that sounds like a plan! I don''t see the concrete steps
involved due to my present technical limitations, but the broad
contours of your suggestion sound like something I can learn to
achieve!
>Fading away can be done but is a bit more tricky. You''d need to set the
element''s opacity gradually from 1.0 to 0.0 before making it visibility:
hidden when it reached 0. For that you use setInterval (or setTimeout
but I prefer setInterval). I think we explained this the other day.
Indeed, for which I am very grateful -- I am able to make text fade
in, now...ideally the whole "box" or "balloon" should fade in, but the
text itself fading in is impressive and very nice. Then again, maybe
one fade effect is plenty -- maybe instead of fade-out the balloon or
box should just disappear ASAP....
On 2008-05-03, Jeff <jeff@spam_me_not.comwrote:Prisoner at War wrote:>On May 2, 4:31 pm, Ben C <spams...@spam.eggswrote:>>>
Easily done.
I found this code at http://colorado-springs.pm.org/balloonHint.html
but the site doesn''t seem to provide a working example!
That''s just a regular popup window.>>>>Don''t use a real modal window, instead use a "Web 2.0 popup".
Perhaps Ben will write a simple example for you, I''m too sleepy at
the moment to dig mine out.Here you are:
http://www.tidraso.co.uk/misc/bubble/
I don''t do much JavaScript usually so this is unlikely to be the best
way of doing it. And it probably won''t work in IE.
Question: at the moment each <span class="bubble"has to have a unique
id just so I can identify it in createBubble. What''s the best way of
avoiding that?
For example can the JS just create a bubble on the most recently parsed
node? Then the position of the SCRIPT elements in the document would
contain all the information necessary about where to attach the bubbles.
In article <sl*********************@bowser.marioworld>,
Ben C <sp******@spam.eggswrote:
On 2008-05-03, Jeff <jeff@spam_me_not.comwrote:Prisoner at War wrote:On May 2, 4:31 pm, Ben C <spams...@spam.eggswrote:
Easily done.
I found this code at http://colorado-springs.pm.org/balloonHint.html
but the site doesn''t seem to provide a working example!That''s just a regular popup window.
>
Don''t use a real modal window, instead use a "Web 2.0 popup".Perhaps Ben will write a simple example for you, I''m too sleepy at
the moment to dig mine out.
Here you are:
http://www.tidraso.co.uk/misc/bubble/Brilliant in Mac FF and Opera but not right in Safari 2, iCab. The
bubbles are very partially shown, the left bits, in the latter two.
--
dorayme
这篇关于回复：重新思考我对模态Windows的使用....的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
