Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1

Thread: No bubbles

  1. #1
    Member Sasseke's Avatar
    Join Date
    Oct 2014
    Location
    Groningen, Netherlands
    Posts
    45
    Member #
    40386
    Liked
    2 times

    No bubbles

    Hi all
    I put some javascript on this page, but there are no bubbles, but there are supposed to be bubbles on this page.
    Can anyone help me with this?
    This is the html/js:
    Code:
    <!DOCTYPE html>
    <head>
    <title>Website van Hubert Klaver</title>
    <link href='http://fonts.googleapis.com/css?family=Carter+One' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="Stylesheet2.css">
    <link rel="stylesheet" type="text/css" href="responsive2.css">
     <meta name="viewport" content="width=device-width; initial-scale=1.0;">
      <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
      <script src="main.js" type="text/javascript"></script>
      <script src="core.js" type="text/javascript"></script>
    </head>
    <body onload="startBubbles(0)">
    <div id="main">
    <div id="linksboven">
    <img src="plaatjes/hubert.jpg" id="logo" />
    </div>
    <div id="rechtsboven">
    <h1 id="titel">Website van Hubert Klaver</h1>
    </div>
    <div id="linksonder">
    <div id="cssmenu">
     <ul>
      <li><a href="index2.html"><span>De opening</span></a></li>
    
      <li><a href="#"><span>Annie</span></a>
       <ul>
        <li><a href="intro.html">De cd's</a></li>
       </ul>
      </li>
    
      <li><a href="#"><span>Zwijnenberg</span></a>
       <ul>
        <li><a href="het boek de wedstrijd.html">Het boek, de wedstrijd</a></li>
       </ul>
      </li>
    
      <li><a href="#"><span>De soap</span></a>
       <ul>
        <li><a href="De soap Het Station.html">Het Station</a></li>
       </ul>
      </li>
      
      <li><a href="#"><span>Geertruida</span></a>
       <ul>
        <li><a href="Geertruida.html">Hoofdstuk 1, 2 en meer</a></li>
       </ul>
      </li> 
      
      <li><a href="#"><span>Mega Watje</span></a>
       <ul>
        <li><a href="megawatje.html">Judith Herzberg en Paul Witteman</a></li>
       </ul>
      </li> 
      
      <li><a href="#"><span>Zwerver</span></a>
       <ul>
        <li><a href="zwerver.html">Twee verhalen</a></li>
       </ul>
      </li> 
      
      <li><a href="score.html"><span>Scorelijst</span></a></li>
      <li><a href="afwijzingen.html"><span>Afwijzingen</span></a></li>
      <li><a href="fotos en filmpje.html"><span>Foto's en filmpjes</span></a></li>
      <li><a href="fanclub.html"><span>Fanclub voor Hubert</a></li>
      <li><a href="slam.html"><span>Oud nieuws</span></a></li>
      <li><a href="hubertlinks.html"><span>Links</span></a></li>
      <li><a href="agenda.html"><span>Agenda</span></a></li>
      <li><a href="contactpagina.html"><span>Contact</span></a></li>
     </ul>
    </div>
    </div>
    <div id="rechtsonder">
    <h2>Het Station</h2>
    <p>Het boek is gepresenteerd in theater De Kapel, in het oude RKZ op vrijdagavond 
      12 september, aanvang 20.30h, en kost 14 Euro. Een stukje exlucieve zeep erbij 
      maakt het 6 Euro duurder.</p>
    <p> Een soap, waarin de avonturen van Herbert, Christiaan de V., Wim B. en al 
      die anderen aan de rand van de samenleving leiden naar het einde der tijden. 
      In tussentijd doet de participatiezorg zijn intrede, is er een economische crisis 
      die de ontmoetingsplek, het Inloophuis 'Het Station', naar de rand van de afgrond 
      brengt en wisselen de gebeurtenissen zich zo af, dat het doet smaken naar meer 
      en meer tot het vijftigste hoofdstuk een einde maakt aan het vermaak.</p>
    
    <div align="center"><img src="plaatjes/IMG_2888.jpeg" class="soap margin"></div><br>
    <div align="center"><img src="plaatjes/DSC_0012a.jpg" class="soap margin"> </div>
    
    
    <p>De soap telt 50 hoofdstukjes van 500 woorden en is licht en luchtig geschreven. 
      Het verhaal telt veel personages en er is gestreefd naar een clifhangertje aan 
      het eind van elk hoofdstukje. Het haakt hier en daar in op de actualiteit van 
      ongeveer 2007 tot 2012. Verder is het ge&iuml;llustreerd met een tiental zwart-wit 
      tekeningen en zou elke hoofdstukje met zeepbellen eindigen, maar daarvoor is 
      geen ruimte genoeg. Het boekje moet de suggestie wekken van een doos zeep en 
      meet 21 bij 14 cm. Er is ook een bibliofiele uitgave. Het boekje wordt dan vergezeld 
      van een echt stukje zeep, waarin de titel met loden letters is aangebracht. 
      Het is de bedoeling dat de geur van de zeep in de bladzijden gaat zitten. </p>
    
    <div align="center"><img src="plaatjes/IMG_0008.jpg" class="soap margin"></div><br>
    
    <p>Enkele reacties van facebook (Ik heb de kranten geen recensie-exemplaar gestuurd):<br>
      Jij moet een nieuw boek schrijven, een boek dat net zo lekker wegleest als Het 
      Station.<br>
      Nou, ik heb hem vannacht bijna uitgelezen. Het buitelt aardig, maar de personages 
      komen geweldig uit. Vooral de jouwe.<br>
      Via de mail:<br>
      Ik heb Het Station dit weekend met veel plezier gelezen, Hubert. Zo nu & dan 
      schoot ik flink in de lach. Het tempo zit er lekker in & ja, je cliffhangers 
      werken prima.<br>
      Een opmerking over de presentatie op facebook:<br>
      Het was een schitterend gebeuren. Weer even wennen aan de rook en de muziek. Maar het moet een vervolg gaan krijgen.</p>
      
     <div align="center"><img src="plaatjes/fotopresentatie.jpg" class="soap margin"> </div><br>
      
    <p>
      <a href="pages/hoofdstukken_hetstation.html">Het Station hoofdstuk 1 t/m 3</a><br>
    </p>
    
    <p>Voor een voorproefje van de <b>soap</b> op Youtube, klik dan op de volgende 
      link: <a href=http://youtu.be/byyVcxvomX4 target="_new">Het Station hoofdstuk 
      1</a>.</p>
    
    <p>De tekst is deels gelezen en becommentarieerd door de schrijfgroepen het Schrijflab 
      en Noorderwoord. Met de gehele tekst heeft meegelezen Frans Geelen, oud-directeur 
      van het talencentrum van de Rijksuniversiteit van Groningen en zonder zijn opmerkingen 
      was het een ander boek geworden. Ik kreeg wel eens een schop onder de kont omdat 
      er weer iets moest gebeuren of een zinnetje niet deugde en zo. Een algehele 
      eindredactie was een onmogelijke zaak i.v.m. de vorm van het boek. Het zou een 
      heidens karwei worden om dan de afzonderlijke hoofdstukjes weer in vijfhonderd woorden 
      te gieten.<br>
      De tekeningen en het omslagontwerp zijn gemaakt door <a href="http://www.carliendubben.nl" target="_new">Carlien 
      Dubben</a>.<br>
      Voor de vormgeving was veranwoordelijk Dick Ronner, naar wat ideeŽn van mijn 
      kant.<br>
      De zeep is geleverd door <a href="http://www.soap7.com" target="_new">SOaP7</a>.<br>
      Het is weer uitgegeven door <a href="http://www.detegenvoeters.nl" target="_new">De 
      Tegenvoeters</a> in samenwerking met <a href="http://www.zolderman.nl/vliedorp" target="_new">Uitgeverij 
      Vliedorp</a>.</p>
      
      
    <p>Het totale project is verliesgevend. Donaties zijn welkom. Als we met z'n allen 
      alleen maar denken aan winst, wordt het natuurlijk nooit wat met de kunst.</p>
    </div>
    </div>
    <script language="javascript">
    var numberOfBubbles = 20; // change this as you see fit
    
    function bubble(objName,x,y,z) {
    	this.name = objName;
    	this.x = x;
    	this.y = y;
    	this.z = z;
    	this.count = Math.random(40);
    	this.remX = x;
    	this.remY = y;
    	this.moveUp = moveUp;
    	this.loopID = objName+""+x+""+y+""+z;
    	makeDiv(objName,x,y,'<img src="images/bubble'+z+'.gif">');
    }
    
    function randomizeX() { return randomize((browserWidth()-40)); }
    function randomizeY() { return (browserHeight()-randomize(40)-40); }
    
    function moveUp() {
    	this.count+=Math.random()*10;
    	this.y -= this.z;
    	this.x+=(Math.cos(this.count));
    	if (this.y<-20) { this.y = randomizeY();this.x = randomizeX(); }
    	move(this.name,this.x,this.y);
    }
    
    
    // have to do it like this so it wont get look bad in FireFox
    function startBubbles(nmCount) {
    	if (nmCount<numberOfBubbles) {
    		var bubbleNm = "bubble"+nmCount;
    		var ranX = randomizeX();
    		var ranY = randomizeY();
    		var ranZ = randomize(3);
    		eval(bubbleNm+' = new bubble("'+bubbleNm+'",ranX,ranY,ranZ);  ');
    		eval(bubbleNm+'.loopID = setInterval("'+bubbleNm+'.moveUp();",20);  ');
    		nmCount++;
    		setTimeout('startBubbles('+nmCount+');',300);
    	}
    }
    </script>
    </body>
    </html>
    Sincerely
    Sasseke

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:18 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com