Achtergrond spreiden - Softwareontwikkeling

donderdag 23 mei 2002 21:37

Acties:

Verwijderd

Topicstarter

Hallo, ik heb al heel wat sites afgezocht maar nergens behandelde ze dit simpele vraagje: Hoe kan ik een achtergrond figuur spreiden over het scherm? niet in een frame maar als achtergrond v.d. pagina, ivb met resoluties

Alvast bedankt!

donderdag 23 mei 2002 21:52

Acties:

Neomess

neomess.nl

das toeval, dit is net wat ik zoek, dus ik denk laat ik s een topic posten.

niet nodig dus, kom maar op met de oplossingen

donderdag 23 mei 2002 22:00

Acties:

Dark Blue

Compositionista!

Alpenmeisje

Op de oude website van cir3.nl stond een mooi voorbeeld...

nml. een div die 100% bij 100% was geloof k, met daarin het plaatje. Zoiets.
* Dark Blue heeft gelooft ze de code nog... *zoekt*

code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT>
 function checkStatus() {
   page = self.location.href;
   if (page != top.location.href) {
    top.location.href = page;
    return true;
    }
   }
 </SCRIPT>
<style type="text/css">
<!--
.plattetekst {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
.ubol {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600}
-->
</style>
</head>

<body onLoad="checkStatus()"; bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<font class="unnamed1"></font> 
<p> 
  <script language="JavaScript">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "indexbg.jpg";
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<div id=elBGim"
+ " style='position:absolute;left:0;top:0;z-index:-1'>"
+ "<img name='imBG' border='0' src="+imSRC;
if (scaleWidth) imStr += " width="+winWid;
if (scaleHeight) imStr += " height="+winHgt;
imStr += "></div>";
document.write(imStr);}
makeIm();
</script>
</p>
<div align="center">
<table width="21%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr> 
    <td nowrap> 
      <div align="center">[img]"logo.gif"[/img]<br>
        <br>
        <span class="ubol"><br>
        het CIR is een instituut voor mensen met klachten aan het houdings- 
        <br>
        en bewegingsapparaat, dat fysieke preventie en re&iuml;ntegratie interventies 
        verzorgt.<br>
        Kies een invalshoek...</span> </div>
    </td>
    </tr>
  </table>
  <table width="81%" border="0" cellspacing="0" cellpadding="0" align="center" height="64">
    <tr> 
    <td width="471" nowrap class="plattetekst" height="44" rowspan="2">&nbsp;</td>
    <td nowrap class="ubol" height="44" rowspan="2" width="21">&gt;&gt;<br>
      <br>
      <br>
      <br>
      <br>
      <br>
    </td>
    <td width="255" class="plattetekst" height="44"> 
      <div align="left"><br>
        ... verzuimt u zelf ? of verzuimt &eacute;&eacute;n van uw medewerkers 
        of relaties ? Op deze pagina's leest u precies wat we daaraan kunnen 
        doen en hoe we het doen. Kortom: informatie voor de cli&euml;nt en zijn/haar 
        omgeving.</div>
    </td>
    </tr>
    <tr> 
    <td nowrap class="plattetekst" width="255"> 
      <div align="center" class="ubol"><a href="werknemer/werknemer.htm" target="_parent">Klik 
        dan hier &gt;&gt;</a></div>
    </td>
    </tr>
  </table>
  <table width="81%" border="0" cellspacing="0" cellpadding="0" align="center" height="64">
    <tr> 
    <td width="471" nowrap class="plattetekst" height="44" rowspan="2">&nbsp;</td>
    <td nowrap class="ubol" height="44" rowspan="2" width="21">&gt;&gt;<br>
      <br>
      <br>
      <br>
      <br>
      <br>
    </td>
    <td width="255" class="plattetekst" height="44"> 
      <div align="left"><br>
        ... u moet iemand doorverwijzen? U bent arts of u werkt bij een instantie 
        zoals een verzekeringsmaatschappij of arbodienst? Op deze pagina's leest 
        u precies wat we voor u en uw cli&euml;nten kunnen betekenen. Informatie 
        voor bemiddelaars, adviseurs en verwijzers.</div>
    </td>
    </tr>
    <tr> 
    <td nowrap class="plattetekst" width="255"> 
      <div align="center" class="ubol"><a href="verzekeraar/verzekeraar.htm" target="_parent">Klik 
        dan hier &gt;&gt;</a></div>
    </td>
    </tr>
  </table>
  <table width="81%" border="0" cellspacing="0" cellpadding="0" align="center" height="12%">
    <tr> 
    <td colspan="2"> 
      <div align="left" class="plattetekst"><br>
      </div>
      </td>
    </tr>
    <tr> 
    <td colspan="2" height="5"> 
      <div align="center">[img]"../piedeltje.gif"[/img]</div>
    </td>
    </tr>
    <tr> 
    <td width="60%"> 
      <div align="right"><span class="plattetekst">Lelystad / Zwolle - <a href="mailto:info@cir3.nl">info@cir3.nl</a></span></div>
    </td>
    <td width="40%" nowrap class="plattetekst" height="2"> 
      <div align="right">Algemeen telefoon nr: (038) 426 54 02</div>
    </td>
    </tr>
  </table>
</div>
<map name="Map">
  <area shape="rect" coords="168,2,244,24" href="#">
</map>
<map name="Map2">
  <area shape="rect" coords="168,4,246,24" href="#">
</map>
</body>
</html>

Sorry voor dit brakke spul dat dus de hele website voorstelde, maar ik heb even geen zin om het essentiële deel er uit te gaan halen (ja, Dark Blue == lui ja!)

Bovenin staat een script, dat resize't de achtergrond, die je in het script opgeeft. Have fun

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs

donderdag 23 mei 2002 22:10

Acties:

crisp

Devver

Pixelated

Op donderdag 23 mei 2002 22:00 schreef Dark Blue het volgende:
Op de oude website van cir3.nl stond een mooi voorbeeld...

nml. een div die 100% bij 100% was geloof k, met daarin het plaatje. Zoiets.
* Dark Blue heeft gelooft ze de code nog... *zoekt*
code:
1
*hoop brakke code*
Sorry voor dit brakke spul dat dus de hele website voorstelde, maar ik heb even geen zin om het essentiële deel er uit te gaan halen (ja, Dark Blue == lui ja!)

Bovenin staat een script, dat resize't de achtergrond, die je in het script opgeeft. Have fun

Ja leuk zo'n hoop code, maar als topicstarter nog niet eens zelf een oplossing kan verzinnen, zal hij het hier ook niet uit kunnen halen (nofi).
Daarbij zal deze code ook niet werken in DOM browsers (NS6, Mozilla). Het idee blijft echter om het plaatje in een layer te zetten, en te stretchen naar de breedte en hoogte van je window. Bedenk daarbij ook even of je het geheel scrollend wilt hebben of niet.
Deze vraag is echter al vaker gesteld, dus moet met wat moeite best wel te vinden zijn...

edit:

als ik zin en tijd heb zal ik even kijken of ik er wat moois van kan bakken; tenzij dit topic straks onderaan bungelt that is.

Intentionally left blank

donderdag 23 mei 2002 22:21

Acties:

Verwijderd

Topicstarter

kan ik wel hoor vriend

donderdag 23 mei 2002 22:23

Acties:

Neomess

neomess.nl

ja maar ik niet, zo erg goed ben ik niet in java.

is er niet iets in html te vinden??

donderdag 23 mei 2002 22:28

Acties:

crisp

Devver

Pixelated

Op donderdag 23 mei 2002 22:21 schreef Styxie het volgende:
kan ik wel hoor vriend

Gelukkig

Op donderdag 23 mei 2002 22:23 schreef Het_Zootje het volgende:
ja maar ik niet, zo erg goed ben ik niet in java.

is er niet iets in html te vinden??

Dan kan Styxie je daar mooi bij helpen

Intentionally left blank

donderdag 23 mei 2002 22:29

Acties:

Verwijderd

Topicstarter

donderdag 23 mei 2002 22:30

Acties:

Neomess

neomess.nl

ja das waar,
styxie post ff alleen de background code

donderdag 23 mei 2002 22:36

Acties:

crisp

Devver

Pixelated

Op donderdag 23 mei 2002 22:30 schreef Styxie het volgende:

[..]

ARG

beetje humeurig? Ik kan door dit draadje UTP niet ruiken wat jouw kennis op dit gebied is hoor; verder was het echt niet onvriendelijk bedoeld.

Op donderdag 23 mei 2002 22:32 schreef Styxie het volgende:

[..]

waar heb je het over, dit hele java applet moet je gewoon tussen je body tags invoegen (ctrl+c , ctrl+v), en de naam van het plaatje veranderen, piece of koekie

Het is geen java applet, maar gewoon javascript. Verder heb ik al gezegd dat dit niet gaat werken in NS6 en Mozilla (en andere DOM-only browsers), dus daar moet dan in elk geval nog wat aan gedaan worden...

Intentionally left blank

donderdag 23 mei 2002 22:38

Acties:

Verwijderd

Java? Applet?
Ik zie alleen een script request, waarvan het antwoord met de search te vinden is, aangezien dit al vaker is gevraagd. En je zou ook gewoon de javascript van Dark Blue even kunnen analyseren.

Maar ik raad je aan toch maar even ergens javascript te gaan leren (javascript ja, dat is géén java) zodat je je eigen scriptjes (scriptjes, géén applets) kunt schrijven, of die van anderen kunt aanpassen.

Ik krijg een beetje teveel het idee dat het niet teveel moeite mag kosten.