Hej

Behöver ideér och hjälp till min webbshop. Jag behöver en meddelandefunktion för att meddela kunden om att dennes vara är lagd i varukorgen när köp-knappen klickas, som sen ska förvinna efter ett par sekunder som på dessa shoppar: www.vitvarumaklarna.se och cellbes.se

Problemet är att dessa shoppar får ingen postback (?) vilket min köpknapp ger och jag har inte lyckats med att visa ett sånt meddelande efter postback?

Ett alternativ är att använda
if page.ispostback Then
MyDiv.style.add("display","none")
end if

men jag behöver sätta timeout på diven eller nåt sånt, mina Javascript/Ajax kunskaper är lite dåliga :)

Titta på jQuery

Håller med Oskar :) jQuery är ett javascriptbibliotek som gör javascript löjligt enkelt att använda. Man kommer snabbt in i det.

Lösningen på ditt problem skulle till exempel bli:


<code>
<script type="text/javascript">
$(document).ready( function() { // När dokumentet laddats..
$('#messageBox').fadeIn(function() { // Tona in felmeddelande rutan.
setTimeout(function() { $('#messageBox').fadeOut(), 5000 } // När den tonats in, vänta 5 sekunder och tona sedan ut den igen.
});
}
);
</script>
<div id="messageBox">Varan har lagts till i varukorgen!</div>
</code>


Du vill du kanske styla/positionera rutan lite med css:
<code>
#messageBox {
background-color: #fff;
border: 1px solid #139139;
position: absolute;
z-index: 999;
top: 30px;
left: 100px;
display: none;
}
</code>

Tack Jonas, funkar kanon. I min datalist där alla artiklar loopas ut skapar jag en div ovanför varje knapp som jag sen i button_click anropar med ditt ex:



Dim sb As New StringBuilder
sb.Append(" <script type=""text/javascript"">" & vbCrLf)
sb.Append("$(document).ready( function()")
sb.Append("{")
sb.Append(" $('#messageBox').fadeIn(function()")
sb.Append(" {")
sb.Append("setTimeout(function() { $('#messageBox').fadeOut(), 5000")
sb.Append("});")
sb.Append("}); ")
sb.Append("});")
sb.Append("</script>")


Tack för hjälpen