Hvor mange kan bruge JavaScript ?

Tjah, men hvad man lige kan bruge det til, er så et andet spørgsmål ...

-- de statistikker, jeg har set for nylig, peger alle på mellem 7 og 11 %, men hvor mange af dem er så søgemaskinernes og andre robotter ?-)

http://www.thecounter.com/stats/2005/January/javas.php
http://www.w3schools.com/browsers/browsers_stats.asp

-- og de to steder viser også meget godt diversiteten i tællerne, for det er stærkst afhængigt af hvilken type sites, der tælles på ...

Hej Roenving

Jeg ville gerne vide det fordi at jeg overvejer at bruge noget javes.. til at komme uden om IE´s popup stopper - for at gøre det nemmere for mine kunder (når jeg engang får dem:)
Men hvis 11% af verdens befolkning ikke kan bruge min side fordi de ikke kan se javascript ....... så er jeg meget i tvivl om det er løsningen

/søren

Men der findes mig bekendt ikke nogen statistik, som fortæller hvor mange af verdens opslag på websider, som kommer, fordi søgemaskiner, email-harvesters og lignende requester siderne ...

-- men jeg vil blive overrasket, hvis ikke det er mindst omkring 5%, og så kan det jo meget vel være, at vi er ude i en marginal ting, som man ikke behøver at være alvorlig bange for !-)

det skulle være alternativ til denne (som du måske husker:)

1. <A onclick="window.open('', 'externalD1', 'width=600,height=200')" href="images/size_dk.gif" target=externaDl><U><FONT color=#0000ff size=1>Størrelses guide</FONT></U></A><BR>
2. <A onclick="window.open('', 'externalD2', 'width=250,height=300')" href="images/farvekort_gif.gif" target=externalD2><U><FONT color=#0000ff size=1>T-shirt farve</FONT></U></A><BR>

-- men det er jo netop javascript ...

Der kan man jo bare se hvor langt min viden rækker :D

Kan man lave et link med _blank til en HTML side der afvikler en Java-popup som ikke bliver spist at popupkillers og der efter lukker HTML sig selv og lader popup´en stå ?

afvikler = generere

<ole>

Det er vel som med al anden form for voldtægt ... det ville ikke være et problem, hvis bare folk kunne forstå et 'Nej'. Det er ualmindelig dårlig stil at forsøge at omgå de forsøg, folk gør for at undgå popup-reklamer.
Prøver man i stedet at give dem 'rullegardiner' og hvad man ellers kan finde på af afløsere for anmassende reklamer, viser man blot, at man ikke forstår selv de simpleste beskedder.
Samtidig er man med til at ødelægge WWW endnu mere, da resultatet naturligvis vil være, at endnu flere disabler JS i deres browser - hvis ikke leverandørerne gør det for os, som de har gjort med popup-killers.

Har man noget indhold af en kvallitet, folk vil have, er de også klar til at betale for det. Er det ikke tilfældet, er disabled JavaScript nok ikke ens grundlæggende problem  :)

Alt sammen er det et spørgsmål om at have respekt for sine medmennesker ... eller ikke.

/mvh
</bole>

Tak for din opsang olebole ... men jeg kan virkelig ikke bruge den til noget - da det intet har med reklame at gøre

Det glæder mig overordentlig meget  :)

Men du kan lave flydende billeder direkte i din html, og så vise eller skjule dem ...

Et eksempel har jeg vist her: http://www.eksperten.dk/spm/510856 !-)

se evt. http://www.newfashionstyle.com/product_info.php?cPath=&products_id=33&osCsid=b4d07247e7595440f2ffe0ac665cc94a
Jeg skriver endda det et popup windue

Prøv min, hvis du går over eksperten-linket hopper den endda ud af framen !-)

-- og jeg har lavet den som illustration af hvad man kan besøge, så der er brugt zoom, som er en IE-only funktion, men det kan man jo pille fra !o]

Den er meget fed :) - men IE kommer med en meddelse om at der er "blokert indhold" :(

Så må det være fordi du kører den lokalt, for at teste kan du sætte hakket i: 'Tillad aktivt indhold at køre i filer fra Denne computer' under Avanceret i Internetindstillinger !-)

For den blokering kommer ikke, hvis det ligger på en server !-)

Du har sørme ret :) FEDT så er det løsningen http://www.newfashionstyle.com/java/

Som i jo nok allerede har fået mistanke om er jeg ikke så stiv i det - så jeg håber det er ok hvis jeg lige vender tilbage hvis der er spg.

Hvor ligger den zoom funktion du nævner ?

vi skal jo lige have det der er IE-only pillet fra :)

Den ligger i stylesheetet: zoom:0.3; ...

-- og den har du jo bestemt ikke brug for !-)

Zoom fundet ... det man bliver blind på efter blindtarmen er.... eller hvordan er det nu den er :)

De billeder som jeg  vil vise har forskelling størelse kan man evt. flytte størrelsen fra #style ned så det bliver individuelt ?

Ja, du kan udvide funktionen en anelse:

function showBox(w,h,e) {
  box = document.getElementById("minDiv").style;
  box.left = ((e.clientX) ? e.clientX:e.pageX)+15+"px";
  box.top = ((e.clientY) ? e.clientY:e.pageY)-15+"px";
  box.width = w + 'px';
  box.height = h + 'px';
  box.display = "block";
}


showBox(dinBredde,dinHøjde,event)

damn det er hardcore programmering det her for mig :)

Jeg stod lidt af på den funktion ?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#minDiv{position:absolute;width:150px;height:200px;border:2px ridge #222;display:none;overflow:auto;}
</style>
<script language="javascript" type="text/javascript">
function showBox(w,h,e) {
  box = document.getElementById("minDiv").style;
  box.left = ((e.clientX) ? e.clientX:e.pageX)+15+"px";
  box.top = ((e.clientY) ? e.clientY:e.pageY)-15+"px";
  box.width = w + 'px';
  box.height = h + 'px';
  box.display = "block";
}
function hideBox(){
  document.getElementById("minDiv").style.display = 'none';
}
function showURL(link){
  window.minIframe.location.href = link.href;
}
</script>
</head>
<body><FONT size=2>
<br>1. <a href="http://www.newfashionstyle.com/images/size_dk.gif" onmouseover="showURL(this);showBox(event);" onmouseout="hideBox()">Størrelses guide</a>
<br>2. <a href="http://www.newfashionstyle.com/images/farvekort_gif.gif" onmouseover="showURL(this);showBox(event);" onmouseout="hideBox()">T-shirt farve</a>
<br>3. <a href="http://www.newfashionstyle.com/images/text_color.gif" onmouseover="showURL(this);showBox(event);" onmouseout="hideBox()">Tekst farve</a>
<br>4. <a href="http://www.newfashionstyle.com/images/fonts.gif" onmouseover="showURL(this);showBox(event);" onmouseout="hideBox()">Skrifttype</a>
<br>5. <a href="http://www.newfashionstyle.com/images/place_the_print.jpg" onmouseover="showURL(this);showBox(event);" onmouseout="hideBox()">Placering af tekst</a>
<br>6. <a href="http://www.newfashionstyle.com/images/Din_Egen_Tekst.gif" onmouseover="showURL(this);showBox(event);" onmouseout="hideBox()">Din egen tekst</a>
<br>
<div id="minDiv"><iframe id="minIframe" name="minIframe" src="about:blank"></iframe></div>
</body>

</html>

-----------------------
http://www.newfashionstyle.com/java/der.html

nåå ... har fattet det :)

<br>1. <a href="http://www.newfashionstyle.com/images/size_dk.gif" onmouseover="showURL(this);showBox(600,200,event);" onmouseout="hideBox()">Størrelses guide</a>
<br>2. <a href="http://www.newfashionstyle.com/images/farvekort_gif.gif" onmouseover="showURL(this);showBox(250,300,event);" onmouseout="hideBox()">T-shirt farve</a>
<br>3. <a href="http://www.newfashionstyle.com/images/text_color.gif" onmouseover="showURL(this);showBox(280,220,event);" onmouseout="hideBox()">Tekst farve</a>
<br>4. <a href="http://www.newfashionstyle.com/images/fonts.gif" onmouseover="showURL(this);showBox(520,420,event);" onmouseout="hideBox()">Skrifttype</a>
<br>5. <a href="http://www.newfashionstyle.com/images/place_the_print.jpg" onmouseover="showURL(this);showBox(330,500,event);" onmouseout="hideBox()">Placering af tekst</a>
<br>6. <a href="http://www.newfashionstyle.com/images/Din_Egen_Tekst.gif" onmouseover="showURL(this);showBox(520,560,event);" onmouseout="hideBox()">Din egen tekst</a>
<br>

Nåå endnu en AHA oplevelse ... det var ikke sådan jeg havede fattet det :)

den ser stadig lidt mærkelig ud http://www.newfashionstyle.com/java/der.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#minDiv{position:absolute;border:2px ridge #222;display:none;overflow:auto;}
</style>
<script language="javascript" type="text/javascript">
function showBox(w,h,e) {
  box = document.getElementById("minDiv").style;
  box.left = ((e.clientX) ? e.clientX:e.pageX)+15+"px";
  box.top = ((e.clientY) ? e.clientY:e.pageY)-15+"px";
  box.width = w + 'px';
  box.height = h + 'px';
  box.display = "block";
}
function hideBox(){
  document.getElementById("minDiv").style.display = 'none';
}
function showURL(link){
  window.minIframe.location.href = link.href;
}
</script>
</head>
<body><FONT size=2>
<br>1. <a href="http://www.newfashionstyle.com/images/size_dk.gif" onmouseover="showURL(this);showBox(600,200,event);" onmouseout="hideBox()">Størrelses guide</a>
<br>2. <a href="http://www.newfashionstyle.com/images/farvekort_gif.gif" onmouseover="showURL(this);showBox(250,300,event);" onmouseout="hideBox()">T-shirt farve</a>
<br>3. <a href="http://www.newfashionstyle.com/images/text_color.gif" onmouseover="showURL(this);showBox(280,220,event);" onmouseout="hideBox()">Tekst farve</a>
<br>4. <a href="http://www.newfashionstyle.com/images/fonts.gif" onmouseover="showURL(this);showBox(520,420,event);" onmouseout="hideBox()">Skrifttype</a>
<br>5. <a href="http://www.newfashionstyle.com/images/place_the_print.jpg" onmouseover="showURL(this);showBox(330,500,event);" onmouseout="hideBox()">Placering af tekst</a>
<br>6. <a href="http://www.newfashionstyle.com/images/Din_Egen_Tekst.gif" onmouseover="showURL(this);showBox(520,560,event);" onmouseout="hideBox()">Din egen tekst</a>
<br>
<div id="minDiv"><iframe id="minIframe" name="minIframe" src="about:blank"></iframe></div>
</body>

</html>

<iframe id="minIframe" name="minIframe" src="about:blank" style="width:100%;height:100%;"></iframe>

Der er da for fedt så det virker ... jeg har et par spg. mere men dem kommer jeg over i et andet spg.

Mange tak for hjælpen

/S

(husk svar)

-- men din html-kode er generelt noget /&#&¤# ...

-- det burde du også rette op på, samtidig med at du fik alle dine script-ting lagt i eksterne filer, så det ikke var den slags, som kunne påvirke f.eks. en page-rank på søgemaskiner !-)

Els velbekomme '-)

-- og så skal du nok sætte overflow:hidden; på diven, og evt. forøge størrelserne en anelse !-)

-- og onclick="return false;" på dine links !o]

Ved ikke om det har noget at gøre med det er et CSM system

den kode jeg ligger ind ser sådan ud

------------------------------------------
<BR><BR>
<SPAN style="FONT-SIZE: 8.5pt; COLOR: black; FONT-FAMILY: Verdana">
<STRONG><FONT size=2>Design af T-shirt</FONT></STRONG><BR>
<FONT size=1>Du har mulighed for at gøre din T-shirt helt unik. Du kan vælge alt lige fra farver og størrelser til tekst og skrifttyper.<BR>
Med guiden herunder kan du se alle mulighederne.</FONT>
<BR><BR>
<STRONG><FONT size=2>Teknisk data:</FONT></STRONG><BR>
<FONT size=1>Alle vores varer er i høj kvalitet. Trykket er lavet professionelt og kan ikke sammenlignes med de amatørtryk, der bliver lavet på eks. farveprintere. Med den rigtige behandling vil T-shirten og trykket holde vask efter vask.</FONT>
<BR><BR>
<STRONG><FONT size=2>Note:</FONT></STRONG><BR>
<FONT size=1>1. Vi kan levere i hele verden.<BR>
2. Hvis du ønsker trykket på et andet produkt kan du finde det under kategorien "Andre produkter"<BR>
3. Teksterne på varerne giver ikke nødvendigvis udtryk for personlige holdninger hos ejeren eller teamet bag NewFashionStyle.com</FONT>
<BR><BR>
<FONT size=2><STRONG>T-shirt guide</STRONG></FONT><FONT size=1> (popup winduer)
<style type="text/css">
#minDiv{position:absolute;border:2px ridge #222;display:none;overflow:auto;}
</style>
<script language="javascript" type="text/javascript">
function showBox(w,h,e) {
  box = document.getElementById("minDiv").style;
  box.left = ((e.clientX) ? e.clientX:e.pageX)+15+"px";
  box.top = ((e.clientY) ? e.clientY:e.pageY)-15+"px";
  box.width = w + 'px';
  box.height = h + 'px';
  box.display = "block";
}
function hideBox(){
  document.getElementById("minDiv").style.display = 'none';
}
function showURL(link){
  window.minIframe.location.href = link.href;
}
</script>
</head>
<body><FONT size=1>
<br>1. <a href="http://www.newfashionstyle.com/images/size_dk.gif" onmouseover="showURL(this);showBox(600,200,event);" onmouseout="hideBox()">Størrelses guide</a>
<br>2. <a href="http://www.newfashionstyle.com/images/farvekort_gif.gif" onmouseover="showURL(this);showBox(250,300,event);" onmouseout="hideBox()">T-shirt farve</a>
<br>3. <a href="http://www.newfashionstyle.com/images/text_color.gif" onmouseover="showURL(this);showBox(280,220,event);" onmouseout="hideBox()">Tekst farve</a>
<br>4. <a href="http://www.newfashionstyle.com/images/fonts.gif" onmouseover="showURL(this);showBox(520,420,event);" onmouseout="hideBox()">Skrifttype</a>
<br>5. <a href="http://www.newfashionstyle.com/images/place_the_print.jpg" onmouseover="showURL(this);showBox(330,500,event);" onmouseout="hideBox()">Placering af tekst</a>
<br>6. <a href="http://www.newfashionstyle.com/images/Din_Egen_Tekst.gif" onmouseover="showURL(this);showBox(520,560,event);" onmouseout="hideBox()">Din egen tekst</a>
<br><br>
<HR>
<STRONG><FONT size=2>Her kan du foretage dine valg</FONT></STRONG><FONT size=1> (se guiden hvis du er i tvivl)</FONT>

<div id="minDiv"><iframe id="minIframe" name="minIframe" src="about:blank" style="width:100%;height:100%;"></iframe></div>
</body>
-----------------------------------------------
http://www.newfashionstyle.com/product_info.php?products_id=33&language=dk&osCsid=931a62efa0591d86dadf392432c91f57

de to første "<BR><BR>" har jeg lige fjernet :)

Ja, nu har du i hvert fald glemt at fjerne head- og body-tags ...

Det bør nok se således ud:

<span style="font-size:xx-small;">
<span style="font-size: x-small; color: black; font-weight:bold; font-family: verdana,sans-serif;">
Design af T-shirt</span><br>
Du har mulighed for at gøre din T-shirt helt unik. Du kan vælge alt lige fra farver og størrelser til tekst og skrifttyper.<br>
Med guiden herunder kan du se alle mulighederne.
<br><br>
<span style="font-size:x-small;font-weight:bold;">Tekniske data:</span><br>
Alle vores varer er i høj kvalitet. Trykket er lavet professionelt og kan ikke sammenlignes med de amatørtryk, der bliver lavet på eks. farveprintere. Med den rigtige behandling vil T-shirten og trykket holde vask efter vask.
<br><br>
<span style="font-size:x-small;font-weight:bold;">Note:</span><br>
1. Vi kan levere i hele verden.<br>
2. Hvis du ønsker trykket på et andet produkt kan du finde det under kategorien "Andre produkter"<br>
3. Teksterne på varerne giver ikke nødvendigvis udtryk for personlige holdninger hos ejeren eller teamet bag NewFashionStyle.com
<br><br>
<span style="font-size: x-small;font-weight:bold;"> T-shirt guide</span>(popup winduer)
<br>1. <a href="http://www.newfashionstyle.com/images/size_dk.gif" onmouseover="showURL(this);showBox(600,200,event);" onmouseout="hideBox()" onclick="return false;">Størrelses guide</a>
<br>2. <a href="http://www.newfashionstyle.com/images/farvekort_gif.gif" onmouseover="showURL(this);showBox(250,300,event);" onmouseout="hideBox()" onclick="return false;">T-shirt farve</a>
<br>3. <a href="http://www.newfashionstyle.com/images/text_color.gif" onmouseover="showURL(this);showBox(280,220,event);" onmouseout="hideBox()" onclick="return false;">Tekst farve</a>
<br>4. <a href="http://www.newfashionstyle.com/images/fonts.gif" onmouseover="showURL(this);showBox(520,420,event);" onmouseout="hideBox()" onclick="return false;">Skrifttype</a>
<br>5. <a href="http://www.newfashionstyle.com/images/place_the_print.jpg" onmouseover="showURL(this);showBox(330,500,event);" onmouseout="hideBox()" onclick="return false;">Placering af tekst</a>
<br>6. <a href="http://www.newfashionstyle.com/images/Din_Egen_Tekst.gif" onmouseover="showURL(this);showBox(520,560,event);" onmouseout="hideBox()" onclick="return false;">Din egen tekst</a>
<br><br>
<hr>
<span style="font-size:x-small;">Her kan du foretage dine valg</span> (se guiden hvis du er i tvivl)</span>

<div id="minDiv" style="position:absolute;border:2px ridge #222;display:none;overflow:hidden;"><iframe id="minIframe" name="minIframe" src="about:blank" style="width:100%;height:100%;overflow:hidden;"></iframe></div>
<script language="javascript" type="text/javascript">
function showBox(w,h,e) {
  box = document.getElementById("minDiv").style;
  box.left = ((e.clientX) ? e.clientX:e.pageX)+15+"px";
  box.top = ((e.clientY) ? e.clientY:e.pageY)-15+"px";
  box.width = w + 'px';
  box.height = h + 'px';
  box.display = "block";
}
function hideBox(){
  document.getElementById("minDiv").style.display = 'none';
}
function showURL(link){
  window.minIframe.location.href = link.href;
}
</script>

-- men jeg er i tvivl om, hvorvidt det overhovedet er smart, at den vises afhængig af musepositionen ...

-- og du skal også fjerne scroll på de dokumenter, du indlæser i iframen, f.eks. ved at give dem overflow:hidden; i body-tagget !-)

Det er jo helt vildt :D takker mange gange

det er jo rene billeder

Nåh, ja, så udvid lige størrelserne en anelse på diven !-)

-- og tak for point ;~}

det var det minste

Rønving ved du om det er muligt at lave denne funktion sådan at shutboken altid komme inden for skærmens ramme ? se http://www.eksperten.dk/spm/605942

Jeg har lige en enkelt spg. til denne funktion :)

kan man lave baggrunden hvid i den boks det popper op ? - som den er nu er den gennemsigtig og det kan se lidt forvirrende ud når der er ramme på.

/Søren

Sæt f.eks. background:#fff; ind i din style på div-tagget !-)