Avatar billede nil.dk Nybegynder
25. september 2001 - 08:32 Der er 7 kommentarer og
2 løsninger

html-banners

Hejsa.

Jeg kunne godt bruge en god guide til hvordan man laver html-bannere. A la den BoligGuiden har (bare uden JS-fejklen ;o))

nil.dk
Avatar billede vladimirr Nybegynder
25. september 2001 - 09:17 #1
Er det ikke en javaapplet de bruger ?
Avatar billede nil.dk Nybegynder
25. september 2001 - 09:18 #2
Nej det er noget JavaScript
Avatar billede vladimirr Nybegynder
25. september 2001 - 09:23 #3
ok
Avatar billede jakoba Nybegynder
25. september 2001 - 09:32 #4
Den er da nem nok. Du skiver blot noget i retning af:

<script>

alert( \"Beklager men vi gider ikke kode ordentligt\\n\"
    + \"så dette websted understøtter ikke:\\n\"
    + \"  IE på Mac\\n\"
    + \"  IE på Linux\\n\"
    + \"  Netscape\\n\"
    + \"  Opera\\n\"
    + \"eller hvad det nu er du bruger.\\n\" );
self.location.href = \"http://www.jubii.dk\"

</script>

På den måde vil dit websted automatisk håndtere alle kunder så de ikke vil besvære dig ydeligere.
...

mere seriøst fandt jeg ingen vejleding i at lave banner derinde. Hvad mener du?

mvh JakobA
Avatar billede nil.dk Nybegynder
25. september 2001 - 09:51 #5
LOL.. Jakob den var god.

Det jeg søger er en guide til at lave html-banners i stil med det BoligGuiden har her på Eksperten. Altså et banner hvor man f.eks. kan søge direkte i banneret..
Avatar billede nil.dk Nybegynder
25. september 2001 - 09:52 #6
Jeg kunne selvfølgelig også blot sige vis kilde:

<html><body><script language=\"javascript\">
            <!--
                function submitContentSearch13b() {
                    if(document.Boligguiden13b_form.SearchWord.value == \"Søgeord\") {
                        document.Boligguiden13b_form.SearchWord.focus();
                    } else {
                            window.open(\'http://ad.dk.doubleclick.net/click;3334930;1-0;0;5238065;1-468|60;69632|69471|1;;%3fhttp%3a%2f%2fwww.boligguiden.dk/index.html?bgdk=1&bannerid=Boligguiden_013b&bannersite=adpepper\')

                            url = \"http://ad.dk.doubleclick.net/click;3334930;1-0;0;5238065;1-468|60;69632|69471|1;;%3fhttp%3a%2f%2fwww.boligguiden.dk/PageDispatcher.Servlet?pageId=CP034&pageMode=PCX034&SearchWord=\";
                            url = url + escape(document.Boligguiden13b_form.SearchWord.value);
                            var win = window.open( url, \'querywin\', \'width=635,height=450,scrollbars=yes\');
                           
                           
                            //YJON: REMARKED due to a form-reload problem
                            //win.opener=self;
                           
                            }
                    }

function activeClearForm(el)
{
// Denne funktion sletter indholdet af indtastningsfeltet
    if (el.defaultValue==el.value) el.value = \"\"
}

function activeFillForm(el)
{
// Denne funktion genindsætter standardværdierne af indtastningsfeltet
    if (el.value==\"\") el.value = el.defaultValue
}
            //-->

</script>


<form method=\"get\" name=\"Boligguiden13b_form\"
onSubmit=\"java script:submitContentSearch13b()\">
  <table border=\"0\" width=\"468\" height=\"60\" background=\"http://ad.dk.doubleclick.net/547213/banner13ba.gif\">
    <tr>
      <td align=\"center\"><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\"225\"
      height=\"45\">
        <tr>
          <td height=\"1\" width=\"218\" valign=\"bottom\" background=\"http://ad.dk.doubleclick.net/547213/tom.gif\" align=\"left\" colspan=\"2\">&nbsp;</td>
        </tr>
        <tr>
          <td height=\"15\" width=\"38\" valign=\"bottom\" background=\"http://ad.dk.doubleclick.net/547213/tom.gif\" align=\"left\"><input
          type=\"text\" name=\"SearchWord\" size=\"10\" value=\"Søgeord\" onfocus=\"activeClearForm(this)\"
          onblur=\"activeFillForm(this)\"></td>
          <td height=\"15\" width=\"124\" valign=\"middle\" background=\"http://ad.dk.doubleclick.net/547213/tom.gif\" align=\"left\"><a
          href=\"java script:submitContentSearch13b()\"><img src=\"http://ad.dk.doubleclick.net/547213/banner13bb.gif\" width=\"18\"
          height=\"19\" border=\"0\" alt=\"banner13ba.gif (588 bytes)\"></a></td>
        </tr>
      </table>
      </td>
    </tr>
  </table>
</form></body></html>

LOL
Avatar billede coderdk Praktikant
25. september 2001 - 12:12 #7
Du laver bare en HTML side som ser pæn ud i 468x60 og indsætter dette på din side (antag at banner.htm er dit banner):

<ilayer id=\"adLayer\"
        src=\"banner.htm\"
        height=\"468\"
        width=\"60\"
        clip=\"0,0,468,60\"
        z-index=\"1\"></ilayer>
<nolayer>
<iframe id=\"adLayer\"
        name=\"adIFrame\"
        src=\"banner.htm\"
        height=\"60\"
        width=\"468\"
        frameborder=\"0\"
        hspace=\"0\"
        vspace=\"0\"
        marginwidth=\"0\"
        marginheight=\"0\"
        scrolling=\"no\"></iframe>
  </nolayer>

=)
Avatar billede coderdk Praktikant
25. september 2001 - 12:13 #8
Erh den første height og width (i ilayer) skal byttes om! :)
Avatar billede Slettet bruger
25. september 2001 - 15:30 #9
Altsååå... Du kan jo bare lægge sådan en af disse hersens mangfoldige <form>s oven på dit banner, altså give formen en større z-index end banneret.
Fx:

<a href=\"din-side.html\"><img src=\"dit-banner.gif\" border=\"0\" style=\"position:static; z-index:3;\"></a>
<form name=\"dinForm\" method=\"post\" action=\"http://www.dit-site.dk/soeg/soeg.asp\" style=\"position:relative; left:-40; top:-40; z-index:4;\">
<input type=\"text\" name=\"soeg\" value=\"Søg her!\">
<br><input type=\"submit\" value=\"OK!\">
</form>

Så ændrer du bare \"top\" og \"left\" for <form>en til det, som passer i dit tilfælde, og så skulle den gerne \"flyde ovenpå\" banneret!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester