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>

torsdag den 5. januar 2012

Specifik søgning i Windows 7

Hvis du vil søge på en bestemt filtype i Windows 7 kan du tilføje:
type:=.tif 
efter teksten du søger på.

tirsdag den 3. januar 2012

CSS3 border-radius

CSS3 border-radius property gør det nemt for web-udviklere at udnytte rundere hjørner i deres design elementer, uden brug af billeder eller brug af flere div tags, og det er måske et af ​​de mest omtalte aspekter af CSS3.

#example1 {
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
  } 

Ovenstående kode-eksempel virker i Firefox, Safari/Chrome, Opera and IE9. Og er med en tak til Morten :-)

W3C Specification Mozilla Implementation
border-radius -moz-border-radius
border-top-left-radius -moz-border-radius-topleft
border-top-right-radius -moz-border-radius-topright
border-bottom-right-radius -moz-border-radius-bottomright
border-bottom-left-radius -moz-border-radius-bottomleft