mandag den 16. januar 2012

Flash reload XML

Til min Flash vejr-widget skulle jeg bruge en opdater-funktion.
I Firefox virker det fint at starte scriptet forfra og dermed reloades ASP/XML'en.
Det virker bare ikke i IE - i hvert fald ikke lokalt.

Der kan med fordel bruges:

xmlFile.load("weather.asp?random="+getTimer()); 

Der sættes bare et timestamp på filnavnet og det dermed er filnavnet unikt og vil blive reload'et. Men en måske bedre måde, er denne med setInterval:
myLoadInteval = setInterval(LoadFile, 10000); //loader hvert 10 sek.

function LoadFile() {
  xmlData.load("weather.asp"); 
}

tirsdag den 10. januar 2012

Når Surftowns mail fejler

Man kan aldrig bruge mail.mitdomæne.dk hos surftown.
Har haft store problemer med at få det til at virke på flere sites - og i nogle tilfælde har jeg helt måttet opgive og derfor denne huskeliste.

TDC = smtp.mail.dk (hvis denne IKKE virker brug følgende: asmtp.mail.dk. Port 25 udskiftes med port 587)
3.dk = smtp.3.dk
YouSee = smtp.mail.dk
Get2net = smtp.get2net.dk
CyberCity = vip.cybercity.dk eller mail.cybercity.dk
Telenor = mail.telenor.dk
Stofanet = mail1.stofanet.dk
Tele2 = smtp.tele2.dk
Tiscali = smtp.tiscali.dk
Clearwire = smtp.clearwire.dk
Fullrate = smtp.fullrate.dk
ComX = mail.comxnet.dk
Dansk Bredbånd = smtp.dbmail.dk

lørdag den 7. januar 2012

Inline vs. Embedded vs. Extended CSS

Har altid brugt fordelen ved inline CSS i udformningen af dynamiske sitet.
Her et exempel hvor farven kan ændres via ASP-variabler inline.
<span style='bgcolor:#<%=bgColor%>; color:#<%=color%>'>dynamisk farver</span>
Samme version kan også bruges som Embedded CSS, men ikke som Extended CSS

Fjern Submit-knap efter klik

Har tit manglet et script til at disable submit-knappen når den er blevet trykket på.
Og fandt så på at udskifte text og baggrund på knappen ved onClick.
<input ID="btn" type="button" value="GEM" class="buttonReserverPopup" onclick="javascript:document.getElementById('btn').disabled=true;javascript:document.getElementById('btn').value='GEMT';javascript:document.getElementById('btn').style.backgroundImage='url(../images/button-DISABLE.png)';return document.returnValue"/>
Ovenstående ændre baggrund og texten ved klik på submit.
1) Baggrunden ændres til et nyt billede...
javascript:document.getElementById('btn').style.backgroundImage='url(../images/button-DISABLE.png)';
2) Texten på knappen ændres til 'GEMT'...
javascript:document.getElementById('btn').value='GEMT';
3) Knappen gøres inaktiv med
document.getElementById('btn').disabled=true;

fredag den 6. januar 2012

jQuery ScrollTo - animeret scroll-funktion

Hvis man vil lave en animeret scroll-funktion til sine sider og lave en smooth scroll til sit anchor kan det gøres vha. jQuery.
<script src="jquery.js" type="text/javascript"></script>
<script>
function goToByScroll(id){
   $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
</script>
'slow' kan med fordel udskiftes med 1000 (svarer til slow i millisekunder), så der kommer til at stå:
   $('html,body').animate({scrollTop: $("#"+id).offset().top},1000);
Her er a href'en...
<a href="javascript:void(0)" onClick="goToByScroll('1')">Go to anchor 1</a>
<a href="javascript:void(0)" onClick="goToByScroll('2')">Go to anchor 2</a>
Her linkes til id="1" og id="2" som kan sættes på h1, h2, p, span, osv.

Exempel:
<h1 id="1">Overskrift</h1>