Sv: Agenten på Pellesoft

Agenten på Pellesoft

Postades av 2005-04-19 18:39:22 - Kim Lundström, i forum javascript/dhtml, Tråden har 5 Kommentarer och lästs av 926 personer

Hej

Har suttit och lekt lite med Agentenkoden jag har "tjyvat" från källkoden här på sidan.
Har dock lite problem.

Lagret ska komma fram när man bläddrar runt på sidan och om det finns ett nytt meddelande i en session.

Så här har har jag löst det med att lista ut om det finns ett meddelande eller inte.
Inte så svårt ännu.

<%
Dim layerStatus
IF Session("message") <> "" THEN
layerStatus = "show"
ELSE
layerStatus = "none"
END IF
%>

Sen så har jag satt följande kod i en include-fil som jag inkluderar just under <body> taggen

<code>
<div id="topDiv" class="popupWinStyle" style="DISPLAY:<%=layerStatus%>;RIGHT:15px;WIDTH:230px;BOTTOM:15px;HEIGHT:100px;" onselectstart="return false;">
<div id="popupWin_header" class="popupWin_headerStyle"><b class="message">Meddelande</b></div>
<span class="popupWinCloseStyle" onclick="popupWinespopup_Close()" onmousedown="event.cancelBubble=true;"><b class="message">X</b></span>

<div id="popupWin_content" style="DISPLAY:<%=layerStatus%>" class="popupWin_contentStyle" onmousedown="event.cancelBubble=true;">
<span id="popupWinaCnt">
<%
IF Session("message") = "" THEN
ELSE
Response.Write "<br><b>" & Session("message") & "</b><br>"
Session("message") = ""
Session("messageMail") = ""
END IF
%>
</span>
</div>
</div>
</code>

Och slutligen har jag denna kod i en CSS fil för att snygga till det hela lite.

<code>
.popupWinStyle {
background:#F6F8FA;
border-right:1px solid #D6E1E8;
border-bottom:1px solid #D6E1E8;
border-left:1px solid #D6E1E8;
border-top:1px solid #D6E1E8;
position:absolute;
z-index:9999;
width:230px;
height:100px;
right:15px;
bottom:15px;
padding-top: -3px;
}

.popupWin_headerStyle {
cursor:default;
position:absolute;
left:2px;
width:224px;
top:2px;
height:14px;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F6F8FA', EndColorStr='#CFD5D6');
text-decoration:none;
vertical-align: middle;
}

.popupWinCloseStyle {
position:absolute;
right:5px;
top:0px;
cursor: pointer;
color:#728EB8;
position:absolute;
font-weight: bold;
text-decoration:none;
vertical-align: middle;
}

.popupWin_contentStyle {
border-left:1px solid #D6E1E8;
border-top:1px solid #D6E1E8;
border-bottom:1px solid #D6E1E8;
border-right:1px solid #D6E1E8;
background:#FFFFFF;
padding:2px;
overflow:hidden;
text-align:center;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#F6F8FA', EndColorStr='#CFD5D6');
position:absolute;
left:2px;
width:220px;
top:20px;
height:72px;
font: x-small verdana, arial,sans-serif;
}

.popupWin_contentTextStyle {
font:x-small verdana, arial,sans-serif;
color: F6F8FA#;
text-decoration:none;
}
</code>
Problemet är följande:

#1
Filterkoden i CSS koden funkar inte i FireFox, men det kanske den inte ska göra heller?
(den som ger en fade-effekt)

2#
Jag vill att hela "Agenten" ska följa med webbläsaren när jag scrollar.
Alltså att den alltid ska ligga längst nere till höger på skärmen.
Just nu hamnar den längst ned till höger, men när jag scrollar så är den kvar på samma ställe på sidan. Den följer ej med.

3#
När jag försöker stänga "Agenten" genom att klicka på "X" så händer det inte nått.
Den stenvägrar.

4#
Om man skulle kunna få den att fada in och fada ut vore himla snyggt, men inte nödvändigt.
Skulle också vara bra att om man förde muspekaren över "Agenten" så skulle den inte fada bort förs man tar bort muspekaren.

Punkt 2 & 3 är viktigast.
Resten skulle bara vara .. ja... sweet :)

Nån som kan hjälpa mig?

Svara