Script til at indlæse html banner.

Umiddelbart tror jeg kun det kan laves med et iframe ... under alle omstændigheder er det nok det letteste og hurtigste...

JavaScript kan ikke læse HTML-sider, og slet ikke fra et andet domæne. Så hold dig til iframen.

En har på et tidspunkt fortal at man skulle lave det sådan.:

Lav et link til et externt script som ligger på din server så kan du ændre i det.

Hvad menes der med det?

Legede lidt med iframe i går.
Det ser bare ikke så fedt ud pga. de rammer der er i iframe. Hmm måske man kan fjerne rammerne på iframe som man kan i table og alm frames???
Men frameborder="0" og border="0" virker ikke i iframe.
Kan man et eller andet fikst.

iframe eksempel se her...
http://www.jmsecher.on-time.dk/infotest.htm

---
Mvh
Martin

frameborder="0" virker i en iframe, jo. Men det er rigtigt, at du med et eksternt script kan fikse balladen:

Lav en fil, du fx kalder "banner.js". Den skal indholde dit HTML og se således ud (ingen script-tags!):

html = '<a href="http://www.dit-domaene.dk/mappe/link.html"><img src="http://www.dit-domaene.dk/mappe/billede.gif" border="0" width="100" height="100"></a>';
document.write(html);

Herefter beder du alle dine brugere om at indsætte dette på deres side:

<script type="text/javascript" src="http://www.dit-domaene.dk/mappe/banner.js"></script>

Hmm kig lige en gang på min side nu.:
http://www.jmsecher.on-time.dk/infotest.htm

Eksemplet virker men de links jeg havde før er væk og jeg har ikke nogen
løbetekst. Kan det ikke laves sådan så den læser koden rent ind med script.
Så det ligner den orginale udgave. :-)

arrr. nu fik jeg vidts udelukket svar fra "phoenixv"...
Hvordan får jeg ham med igen????

Jo, du kan sagtens sætte en hvilken som helst anden HTML-kode ind. Du skal bare skrive apostroffer således: \'

P.S. Du har ikke prøvet at skrive frameborder="0" i iframe-koden.

Fedt du er med igen. :-))

Hvad betød det at jeg skulle acceptere eller afvise dit svar?
Er det måden man afregner point?

Jeg har lige smidt frameborder="0" ind nu.
Hvad siger du så?
Den grønne bagrund skal bare være transperant.

Hmm
er det i banner.js jeg laver en \'???

html = \'<a href="http://www.jmsecher.on-time.dk/infopager/infopager.htm"><img src="http://www.jmsecher.on-time.dk/infopager/pager/pager.gif" border="0" width="150" height="100"></a>';
document.write(html);

Det virker ikke helt?
Men jeg tror vi er ved at være tæt på. :-))

---
Mvh
Martin

iframe er ikke den fedeste løsning da det giver problemer når folk indsætter koden på deres sider. der sker det at iframen ikke tilpasser sig ordentligt til deres sider.

Jeg hælder meget til eksemplet i script. Det lære jeg mest af nu hvor jeg ikke ved allermest om det endnu. Mit ønske til script eksemplet skal være at det virker på samme måde som det man ser i iframe på min side.

---
Mvh
Martin

Ok, din "banner.js" skal se således ud:

//start
html = '<img border="0" src="http://www.jmsecher.on-time.dk/infopager/pager/pager.gif" usemap="#infopager" width="150" height="100"></A>' +
'<map name="infopager">' +
'<area shape="rect" coords="28, 5, 113, 16" target="_top" href="http://www.jmsecher.on-time.dk">' +
'<area shape="rect" coords="11, 70, 78, 87" target="_top" href="http://www.jmsecher.on-time.dk/index2.htm">' +
'<area shape="rect" coords="89, 70, 138, 87" target="_top" href="http://www.jmsecher.on-time.dk/index3.htm">' +
'</map>' +
'<iframe scrolling="no" src="http://www.jmsecher.on-time.dk/infopager/news.htm"
style="position:absolute;top:19px;left:8px;height:44px;width:133px;" target="_top"></iframe>';
//stop
document.write(html);

P.S. Du mangler da vist et link i starten af koden?

Hej igen, Du er bare for sej til det her. :-)

Okay, vil lige vide hvad du helt nøjagtig mener med at jeg mangler et link i starten af koden? Jeg er ikke helt med...

Det eksempel du lige har sendt virker perfekt men der er en lille fejl i js filen.

det er det sidste der giver problemer.:
+
'<iframe scrolling="no" src="http://www.jmsecher.on-time.dk/infopager/news.htm"
style="position:absolute;top:19px;left:8px;height:44px;width:133px;" target="_top"></iframe>';

Er der noget her der ikke hel er som det skal være...

---
Mvh
Martin

Du har ikke indsat det i scriptet. Prøv lige det en gang.

I koden afslutter du et link:

<img border="0" src="http://www.jmsecher.on-time.dk/infopager/pager/pager.gif" usemap="#infopager" width="150" height="100"></A> <<< HER!
Men det bliver aldrig startet! :)

Mener du sådan her?.:

//start
html = '<img border="0" src="http://www.jmsecher.on-time.dk/infopager/pager/pager.gif" usemap="#infopager" width="150" height="100"><a href="http://www.link.dk"></A>' +
'<map name="infopager">' +
'<area shape="rect" coords="28, 5, 113, 16" target="_top" href="http://www.jmsecher.on-time.dk">' +
'<area shape="rect" coords="11, 70, 78, 87" target="_top" href="http://www.jmsecher.on-time.dk/index2.htm">' +
'<area shape="rect" coords="89, 70, 138, 87" target="_top" href="http://www.jmsecher.on-time.dk/index3.htm">' +
'</map>' +
'<iframe scrolling="no" src="http://www.jmsecher.on-time.dk/infopager/news.htm"
style="position:absolute;top:19px;left:8px;height:44px;width:133px;" target="_top"></iframe>';
//stop
document.write(html);

? :-)

Nej:

html = '<a href="http://www.link.dk"><img border="0" src="http://www.jmsecher.on-time.dk/infopager/pager/pager.gif" usemap="#infopager" width="150" height="100"></a>' +

osv.

Så bliver billedet til et link. Men det er jo ikke sikkert, det er det, du vil. Det så bare sådan ud! :)

Nej det var ikke helt det der var problemet. Problemet lå i at der i js filen var sket et linie skift som gjorde at den ikke kunne læse iframen. Du ved hvis linien bliver for lang skifter den linie osv. :-)

Se lige en gang på min side nu.:
http://www.jmsecher.on-time.dk/infotest.htm

Jeg vil lige prøve mig frem og rette iframen på plads.

Måske skal jeg bruge en <P style> et eller andet..
Prøver lige og så vender jeg tilbage straks. :-)

Okay så langt så godt.
Det virker. :-))))

Du har fortjent at få dine point. :-)
Og jeg vil smide 50 ekstra point oven i hvis du vil
hjælper mig med det sidste problem?

Hmm kig på min side infotest ser fint nok ud. :-)
Men tager du denne kode.:
<script type="text/javascript" src="http://www.dit-domaene.dk/mappe/banner.js"></script>

og pladsere på din side er der nogle problemer der opstår pga style.
Hvordan håndtere vi det?

ps hvordan afregner vi dine point.?

Og skal jeg lige oprette en ny forspørgsel med 50P :-)

---
mvh
Martin

Nej, du kan nøjes med at forhøje point-antallet i dette spm. Jeg kan ikke lige huske, hvor det gøres, men led lidt efter det.

Problemet opstår, fordi du bruger absolut positionering. Det regnes nemlig altid fra vinduets øverste venstre kant, og hvis brugeren vælger at indsætte dit script et sted længere inde på siden, passer det jo ikke mere.
Der findes derfor ingen nem løsning (ud over at bruge iframe).

Forresten har du stadig ikke fjernet det afsluttende </a>-tag. Det ser meget grimt ud (og er forkert) at have stående.

Så ser det ud til at virke lige efter mit ønske. :-)
Er der nogen der lige vil teste? og placere denne lille stump kode på deres hjemmeside.
<script type="text/javascript" src="http://www.jmsecher.on-time.dk/infopager/banner.js"></script>

Og giv lige et feedback så jeg ved det virker 100%.

Og til phoenixv Vil jeg igen sige 1000 tak for hjælpen.
Uden din hjælp havde jeg ikke fået dette lavet.
Så nu er det pay time. :-)

---
Mvh
Martin.

Det virker fint hos mig! :)