Example: http://www.xillent.com/pipeline/sales_info.asp?cid=29

First Attempt: Use jquery script:

<script type="text/javascript">
$(document).ready(function() {
$("#ContentWrapper div.AccordionHeader").click(function() {
$(this).next("div.ContentBody").slideToggle(300).siblings("div.ContentBody").slideUp("slow");
});
});
</script>

Problem with First Attempt: We want the image inside the header to show “minus” when we click on it. However, the image inside the header does not change and always shows “plus.”

We tried countless solutions for over 5 hours, including “$(this).siblings, $(this).next, $(this).parents, and other combinations. Finally, we figured out the solution:

Final Solution: $(this).find(“.InputHeaderIcon”).attr(“src”,”assets/icons/min.gif”);

The “find” returned the first matched element within a dom, and now we can toggle the images correctly.

<script type="text/javascript">
$(document).ready(function() {
$("#ContentWrapper div.AccordionHeader").click(function() {
$(this).next("div.ContentBody").slideToggle(300).siblings("div.ContentBody").slideUp("slow");
$(".InputHeaderIcon").attr("src","assets/icons/max.gif");
$(this).find(".InputHeaderIcon").attr("src","assets/icons/min.gif");
});
});
</script>

The post JQuery Accordion Style Toggle appeared first on San Jose Web Design | San Francisco Website Design | Development Company.

How to create a session control that automatically logs out the users when the session times out?

In ASP, even when the session has timed out, you will still stay on the same page unless you request a new page. This can be an issue if the user is on a public computer.

SOLUTION:

We created a script with Javascript, AJAX, and timeout that loads every 5 seconds. The script calls a helper file which returns if the session state is true or false -> if the session state is true, it sends it back to javacript to run again in 5 seconds -> if the session state is false, it sends the user to the logout page.

WHY AJAX?

If we integrated the ASP session value directly into the javacript, the script would always think the session state is active since the ASP code will be built by the server before the javacript gets loaded.

Ajax solves this ASP problem by requesting a different page to check for the session state and give that result back to the javacript.

AJAX PAGE THAT CHECKS THE SESSION STATE
——————————————————————————

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<%
if len(session("OrgID")) > 0 then
 response.write "1"
else
 response.write "0"
end if
%>

The post Session Logout redirect using Ajax appeared first on San Jose Web Design | San Francisco Website Design | Development Company.

<a href=”http://www.additious.com/?url={URL}&title={TITLE}”>Additious</a>
<a href=”http://mystuff.ask.com/mysearch/QuickWebSave?v=1.2&t=webpages&title={TITLE}”>Ask</a>
<a href=”http://www.backflip.com/add_page_pop.ihtml?url={URL}&title={TITLE}”>BackFlip</a>
<a href=”http://www.blinkbits.com/bookmarklets/save.php?v=1&source_url={URL}”>BlinkBits</a>
<a href=”http://blinklist.com/index.php?Action=Blink/addblink.php&Url={URL}&Title={TITLE}”>BlinkList</a>
<a href=”http://www.bloglines.com/sub/{URL}”>BlogLines</a>
<a href=”http://blogmarks.net/my/new.php?mini=1&simple=1&url={URL}&title={TITLE}”>BlogMarks</a>
<a href=”http://www.blogmemes.net/post.php?url={URL}&title={title}”>BlogMemes</a>
<a href=”http://bluedot.us/Authoring.aspx?u={URL}&t={TITLE}”>BlueDot</a>
<a href=”http://www.bookmark.it/bookmark.php?url={URL}”>BookmarkIt </a>
<a href=”http://www.bumpzee.com/bump.php?u={URL}”>BumpZee</a>
<a href=”http://www.connotea.org/addpopup?continue=confirm&uri={URL}&title={TITLE}”>connotea</a>
<a href=”http://co.mments.com/track?url={URL}&title={TITLE}”>co.mments</a>
<a href=”http://del.icio.us/post?url={URL}&title={TITLE}”>Del.icio.us</a>
<a href=”http://digg.com/submit?phase=2&url={URL}”>Digg</a>
<a href=”http://www.diigo.com/post?url={URL}&title={TITLE}”>diigo</a>
<a href=”http://www.diggita.it/submit.php?title={TITLE}&url={URL}”>DiggitaIt</a>
<a href=”http://www.dropjack.com/submit.php?url={URL}”>DropJack</a>
<a href=”http://domelhor.net/login.php?return=/submit.php?url={URL}&titulo={TITLE}”>Domelhor</a>
<a href=”http://www.dotnetkicks.com/kick/?url={URL}&title={TITLE}”>DotNetKicks</a>
<a href=”http://www.dzone.com/links/add.html?description={TITLE}&url={URL}&title={TITLE}”>DZone</a>
<a href=”http://www.eucurti.com.br/submit.php?url={URL}&titulo={TITLE}”>eucurti</a>
<a href=”http://www.facebook.com/share.php?u={URL}”>Facebook</a>
<a href=”http://cgi.fark.com/cgi/fark/submit.pl?new_url={URL}&new_comment={TITLE}&linktype=”>Fark</a>
<a href=”http://feedmelinks.com/categorize?from=toolbar&op=submit&name={TITLE}&url={URL}&version=0.7”>FeedmeLinks</a>
<a href=”http://extension.fleck.com/?v=b.0.804&url={URL}”>Fleck</a>
<a href=”http://friendsite.com/users/bookmark/?u={URL}&t={TITLE}”>FriendSite</a>
<a href=”http://furl.net/storeIt.jsp?u={URL}&t={TITLE}”>Furl</a>
<a href=”http://www.gabbr.com/submit.php?url={URL}”>Gabbr</a>
<a href=”http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk={URL}&title={TITLE}”>Google</a>
<a href=”http://www.hugg.com/node/add/storylink?edit[title]={TITLE}&edit[url]={URL}”>Hugg</a>
<a href=”http://www.i89.us/bookmark.php?url={URL}&title={TITLE}”>i89</a>
<a href=”http://www.indianpad.com/submit.php?url={URL}”>IndianPad</a>
<a href=”http://www.jeqq.com/submit.php?url={URL}&title={TITLE}”>Jeqq</a>
<a href=”http://www.kaboodle.com/za/selectpage?p_pop=false&pa=url&u={URL}”>KaBoodle</a>
<a href=”http://www.kudos.no/giKudos.php?tittel={TITLE}&url=={URL}”>Kudosno</a>
<a href=”http://linkatopia.com/add?uri={URL}&title={TITLE}”>Linkatopia</a>
<a href=”http://www.linkk.com.br/submit.php?url={URL}&titulo={TITLE}”>Linkk</a>
<a href=”http://www.linkagogo.com/go/AddNoPopup?url={URL}&title={TITLE}”>LinkaGoGo</a>
<a href=”http://www.linkarena.com/linkadd.php?linkName={TITLE}&linkURL={URL}”>Link Arena</a>
<a href=”http://www.mister-wong.com/index.php?action=addurl&bm_url={URL}&bm_description={TITLE}”>MisterWong</a>
<a href=”http://www.mister-wong.cn/index.php?action=addurl&bm_url={URL}&bm_description={TITLE}”>MisterWong China</a>
<a href=”http://www.mister-wong.de/index.php?action=addurl&bm_url={URL}&bm_description={TITLE}”>MisterWong Germany</a>
<a href=”http://www.mister-wong.fr/index.php?action=addurl&bm_url={URL}&bm_description={TITLE}”>MisterWong France</a>
<a href=”http://www.mister-wong.ru/index.php?action=addurl&bm_url={URL}&bm_description={TITLE}”>MisterWong Russia</a>
<a href=”http://www.mister-wong.es/index.php?action=addurl&bm_url={URL}&bm_description={TITLE}”>MisterWong ES</a>
<a href=”http://www.mixx.com/submit?page_url={URL}”>Mixx</a>
<a href=”http://www.netscape.com/submit/?U={URL}&T={TITLE}”>Netscape</a>
<a href=”http://www.netvouz.com/action/submitBookmark?url={URL}&title={TITLE}&popup=no”>NetVouz</a>
<a href=”http://www.newsvine.com/_tools/seed&save?u={URL}&h={TITLE}”>NewsVine</a>
<a href=”http://www.plugim.com/submit?url={URL}&title={TITLE}”>Plugim</a>
<a href=”http://popcurrent.com/submit?url={URL}&title={TITLE}”>PopCurrent</a>
<a href=”http://www.rawsugar.com/tagger/?turl={URL}&tttl={TITLE}&editorInitialized=1”>RawSugar</a>
<a href=”http://reddit.com/submit?url={URL}&title={TITLE}”>reddit</a>
<a href=”http://www.rojo.com/add-subscription/?resource={URL}”>RoJo</a>
<a href=”http://segnalo.com/post.html.php?url={URL}&title={TITLE}”>Segnalo</a>
<a href=”http://www.shoutwire.com/?p=submit&link={URL}”>Shoutwire</a>
<a href=”http://www.sk-rt.com/submit.php?url={URL}”>sk-rt</a>
<a href=”http://www.simpy.com/simpy/LinkAdd.do?href={URL}&title={TITLE}”>Simpy</a>
<a href=”http://slashdot.org/bookmark.pl?url={URL}&title={TITLE}”>Slashdot</a>
<a href=”http://smarking.com/editbookmark/?url={URL}”>Smarking</a>
<a href=”http://www.sphere.com/search?q=sphereit:{URL}&title={TITLE}”>Sphere</a>
<a href=”http://www.spurl.net/spurl.php? url={URL}&title={TITLE}”>Spurl</a>
<a href=”http://www.stumbleupon.com/submit?url={URL}&title={TITLE}”>Stumble</a>
<a href=”http://www.squidoo.com/lensmaster/bookmark?{URL}”>Squidoo</a>
<a href=”http://www.syxt.com.br/rec6/link.php?url={URL}”>Syxt</a>
<a href=”http://taggle.de/addLinkDetails?mAddress={URL}&title={TITLE}&submitted=Weiter”>Taggle</a>
<a href=”http://www.taggly.com/bookmarks/?action=add&address={URL}&title={TITLE}”>Taggly</a>
<a href=”http://tailrank.com/share/?link_href={URL}&title={TITLE}”>TailRank</a>
<a href=”http://technorati.com/faves?add={URL}”>Technorati</a>
<a href=”http://www.thisnext.com/pick/new/submit/sociable/?url={URL}&name={TITLE}”>ThisNext</a>
<a href=”http://wink.com/_/tag?url={URL}&doctitle={TITLE}”>Wink</a>
<a href=”http://www.wykop.pl/dodaj?url={URL}”>Wykop</a>
<a href=”http://webride.org/discuss/split.php?uri={URL}&title={TITLE}”>WebRide</a>
<a href=”https://favorites.live.com/quickadd.aspx?marklet=1&mkt=en-us&url={URL}&title={TITLE}&top=1”>Windows Live</a>
<a href=”http://www.wirefan.com/grpost.php?u={URL}&title={TITLE}”>WireFan</a>
<a href=”http://wists.com/r.php?c=&r={URL}&tot;e={TITLE}”>Wists</a>
<a href=”http://yigg.de/neu?exturl={URL}”>Yigg</a>
<a href=”http://myweb2.search.yahoo.com/myresults/bookmarklet?u={URL}&t={TITLE}”>Yahoo MyWeb</a>

Here are all the images for each url, there are missing images for syxt and netscape:

Additious

Ask

BackFlip

BlinkBits

BlinkList

BlogLines

BlogMarks

BlogMemes

BlueDot

BookmarkIt

BumpZee

connotea

Del.icio.us

Digg

diigo

DiggitaIt

DropJack

Domelhor

DotNetKicks

DZone

eucurti

Facebook

Fark

Feedmelinks

Fleck

FriendSite

Furl

Gabbr

Google

Hugg

i89

IndianPad

Jeqq

KaBoodle

Kudosno

Linkatopia

Linkk

LinkaGoGo

Link Arena

MisterWong

MisterWong China

MisterWong Germany

MisterWong France

MisterWong Russia

MisterWong ES

Mixx

NetVouz

NewsVine

Plugim

PopCurrent

RawSugar

reddit

RoJo

Segnalo

ShoutWire

sk-rt

Simpy

Slashdot

Smarking

Sphere

Spurl

Stumble

Squidoo

Taggle

Taggly

TailRank

Technorati

ThisNext

Wink

Wykop

WebRide

Windows Live

WireFan

Wists

Yigg

yahoo-myweb

Now your visitors can add your blog entry to digg, del.icio.us, blinklist, furl and reddit when clicking on the icon. This will definitely help your blog.

The post Digg, del.icio.us, technorati, blinklist, furl, reddit and other blogspheres links tutorial appeared first on San Jose Web Design | San Francisco Website Design | Development Company.