Pop-up venster openen

Beerts · 29 mei 2010

Beste,

ik wil een pop up venster openen, maar het wil niet lukken.

Mijn code:
<li>
<a href="Contact.html"
onclick="window.open('Contact.html','Contact','height=300,width=300'); return false">Contact</a>
</li>

Als ik dit nu in een tekst doe met 1 bepaald woordje lukt het wel.

Code:
<a href="contact.html"
onclick="window.open('Contact.html','Contact','height=300,width=300'); return false">soort</a>.
</p>

voor de <a href is er nog tekst.
Is de <li> dan een probleem of waar moet ik het probleem gaan zoeken?

mvg
Dries

csshunter · 30 mei 2010

Hoi Dries,
Hé, da's merkwaardig.
Normaal gesproken zou een <li> geen enkel probleem moeten zijn.

Kijk: voorbeeld met bovenstaande code. Die werkt gewoon. *)

Waarschijnlijk zit het probleem heel ergens anders. Is de pagina valid html, bijvoorbeeld? En zit de "Contact.html" pagina in dezelfde directory als de pagina van het oproepen? En is heet de "Contact.html" pagina niet in het echt "contact.html" (met een kleine letter)? Ik vermoed dat het zo'n kleinigheidje zal zijn.

Met vriendelijke groet,
CSShunter

*)
Ik heb m'n browsers niet zo strak afgesteld staan dat alle pop-ups altijd automatisch verboden worden.

Beerts · 30 mei 2010

Bedankt voor de reactie Csshunter,

al mijn pagina's zijn valid html, alle namen zijn hetzelfde maar het wil nog steeds niet lukken

Ik heb jouw code ook eens overgenomen maar dit wil niet helpen. Wat kan ik hier nog aan doen? Moet ik anders de hele code even doorsturen? Of een printscreen maken?

Ik hoop dat je mij kan helpen,
Dries

csshunter · 30 mei 2010

Hoi Dries,
Het handigste is even een link naar (een geuploade testversie van) de niet-werkende pagina. Dan zijn meteen alle html, alle css en eventuele scripts in de praktijk te bewonderen. Daarmee zou ontdekt moeten kunnen worden waar het mis gaat.

Met vriendelijke groet,
CSShunter

Beerts · 30 mei 2010

Deze site is enkel een opdracht voor school dus ik heb geen idee hoe ik hem ergens online kan zetten?
Kan ik je de bestanden niet doorsturen via PM?

csshunter · 30 mei 2010

geen idee hoe ik hem ergens online kan zetten

Dan kan je de css ook hier in een reactie plakken, met de

tag uit de editor eromheen,
ook de html kompleet hier neerzetten, met de

tag eromheen,
en als er een extern javascript is, dit ook neerploppen, met de

tag eromheen.

Daarmee kan de pagina gereconstrueerd worden; we zullen het alleen wel zonder mooie plaatjes moeten doen.

Met vriendelijke groet,
CSShunter

Beerts · 30 mei 2010

Dit zou de css moeten zijn:

Code:

@charset "utf-8";
body {
	background-color: #999999;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #CCCCCC;
	text-align: left;
}
table {
	border: medium double #CCCCCC;
}

#raampjes {
	width: 980px;
	height: 125px;
	}
	
	#index #raampjes {background-image: url(images/strook-home.png)}
	#geelwang #raampjes {background-image: url(Images/strook-geelwang.png)}
	#diamantrug #raampjes {background-image: url(Images/strook-diamantrug.png)}
	#griekselandschildpad #raampjes {background-image: url(images/strook-griekselandschildpad.png)}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: left;
}
div.scrollbar {
height: 255px;
overflow: auto;
}

Dit is dan de index pagina.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="Caresheets-button-files/styles_wn5oq.css" type="text/css" rel="stylesheet"/>
<style type="text/css">A#vbUL_wn5oqa{display:none}</style>

<link href="MeerInfo-button-files/styles_gwmdc.css" type="text/css" rel="stylesheet"/>
<style type="text/css">A#vbUL_gwmdca{display:none}</style>

<link href="Ziektes-files/styles_1yvtp.css" type="text/css" rel="stylesheet"/>
<style type="text/css">A#vbUL_1yvtpa{display:none}</style>

<script type="text/javascript" 
     src="Javascript.js"></script>
<title>Alles over schildpadden!</title>
<link href="Opmaak.css" rel="stylesheet" type="text/css" />
</head>

<body id="index">
<center>
<table width="980" border="0" align="center">
  <tr>
    <th height="150" colspan="6" scope="col" >
    <img src="Images/Banner.jpg" alt="Banner" width="980" align="left" />    </th>
  </tr>
  <tr>
    <td width="165" height="25">
<!-- Begin Vista-Buttons.com -->
<script type="text/javascript"> var vbImgPath="Home-button-files/"</script>
<script type="text/javascript" src="Home-button-files/scifjvr.js"></script>

<table width="0" border="0" cellpadding="0" cellspacing="0" id="vista-buttons.com:idifjvr">
  <tr><td align="left" style="padding-right:0px" title ="Home">
<a href="Index.html" target="_self" onmouseover='xpe("ifjvro");' onmouseout='xpe("ifjvrn");'><img id="xpi_ifjvr" src="Home-button-files/btifjvr_0.png" name="vbifjvr" width="165" height="25" border="0" alt="Home" /></a></td>
</tr></table>

<!-- End Vista-Buttons.com -->    </td>
    <td width="165">

<!-- Begin Vista-Buttons.com -->

<ul id="vbUL_wn5oq" class="vbULwn5oq" style="visibility:hidden;">
<li><a href="GeelwangGeelbuik.html">Geelwang - Geelbuik</a></li>
<li><a href="Diamantrugschildpad.html">Diamantrugschildpad</a></li>
<li class="separator"></li>
<li><a href="GriekseLandschildpad.html">Griekse Landschildpad</a></li></ul>

<script type="text/javascript"> var vbImgPath="Caresheets-button-files/"</script>
<script type="text/javascript" src="Caresheets-button-files/scwn5oq.js"></script>
<table width="0" border="0" align="center" cellpadding="0" cellspacing="0" id="vista-buttons.com:idwn5oq">
  <tr><td style="padding-right:0px" title ="Caresheets">
<a onmouseover='xpe("wn5oqo");xpshow("wn5oq",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_wn5oq" src="Caresheets-button-files/btwn5oq_0.PNG" name="vbwn5oq" width="165" height="25" border="0" alt="Caresheets" /></a></td></tr></table>
<!-- End Vista-Buttons.com -->    </td>
    
    <td width="165">
    <!-- Begin Vista-Buttons.com -->
<script type="text/javascript"> var vbImgPath="Ziektes-button-files/"</script>
<script type="text/javascript" src="Ziektes-button-files/scg3pim.js"></script>

<table width="0" border="0" align="center" cellpadding="0" cellspacing="0" id="vista-buttons.com:idg3pim">
  <tr><td style="padding-right:0px" title ="Ziektes">
<a href="Ziektes.html" target="_self" onmouseover='xpe("g3pimo");' onmouseout='xpe("g3pimn");'><img id="xpi_g3pim" src="Ziektes-button-files/btg3pim_0.png" name="vbg3pim" width="165" height="25" border="0" alt="Ziektes" /></a></td></tr></table>
<!-- End Vista-Buttons.com -->  </td>
    
    <td width="165">
     <!-- Begin Vista-Buttons.com -->

<ul id="vbUL_gwmdc" class="vbULgwmdc" style="visibility:hidden;">
<li><a href="http://www.trionyx.nl" target="_blank">NBSV</a></li>
<li><a href="Contact.html" 
         onclick="window.open('Contact.html','Contact','height=300,width=300'); return false">
         Contact</a>
      </li>
</ul>

<script type="text/javascript"> var vbImgPath="MeerInfo-button-files/"</script>
<script type="text/javascript" src="MeerInfo-button-files/scgwmdc.js"></script>

<table width="0" border="0" align="center" cellpadding="0" cellspacing="0" id="vista-buttons.com:idgwmdc">
  <tr><td style="padding-right:0px" title ="Meer info">
<a onmouseover='xpe("gwmdco");xpshow("gwmdc",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_gwmdc" src="MeerInfo-button-files/btgwmdc_0.png" name="vbgwmdc" width="165" height="25" border="0" alt="Meer info" /></a></td></tr></table>
<a id="vbUL_gwmdca" href="http://vista-buttons.com">Dynamic Jump Menu by Vista-Buttons.com v4.5.0</a>
<!-- End Vista-Buttons.com -->
    </td>
    <td width="165">
    <!-- Begin Vista-Buttons.com -->
<script type="text/javascript"> var vbImgPath="Foto's-button-files/"</script>
<script type="text/javascript" src="Foto's-button-files/scd65w6.js"></script>

<table width="0" border="0" align="right" cellpadding="0" cellspacing="0" id="vista-buttons.com:idd65w6">
  <tr><td style="padding-right:0px" title ="Foto's">
<a href="Foto's.html" target="_self" onmouseover='xpe("d65w6o");' onmouseout='xpe("d65w6n");'><img id="xpi_d65w6" src="Foto's-button-files/btd65w6_0.PNG" name="vbd65w6" width="165" height="25" border="0" alt="Foto's" /></a></td></tr></table>
<!-- End Vista-Buttons.com -->
     </td>
    </tr>
    
  
    <tr ><td height="265" colspan="6" valign="top"><h1>Welkom op deze informatieve website!</h1>
    <p>Deze website is speciaal gemaakt voor mensen die informatie zoeken over de meest voorkomende schildpadden. Je kan hier alles vinden over het verzorgen van schildpadden, hoe schildpadden gehuisvestigd moeten worden en welk voedsel schildpadden nodig hebben.</p>
    <p>Bij schildpadden zijn er 2 grote groepen, namelijk de <strong>waterschildpadden</strong> en de <strong>landschildpadden</strong>. Elke groep wordt dan weer opgesplitst in allerlei verschillende soorten en deze soorten worden dan ten slotte nog eens verdeeld in ondersoorten. </p>
    <p>Elke soort heeft een andere voeding, huisvestiging, ... nodig, op dit vlak zijn er zeer grote verschillen tussen de soorten. Voor de schildpaddenhouders het gemakkelijker te maken heeft men de zogenoemde caresheets gemaakt. Deze caresheets bevatten de belangrijkste informatie over de betreffende soort.</p>    </td>
    </tr>
      <tr>
      <td height="125" colspan="6" valign="top">
<div id="raampjes">
		
	</div>              </td>
       </tr>
  </table>
</center>
</body>
</html>

En dit is mijn contact pagina.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alles over schildpadden!</title>
<link href="Opmaak.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form id="Contact" name="Contact" method="post" action="FormulierAfhandeling.php">
  <table width="300" border="0" align="center">
    <tr>
    
      <td width="103"><p>Voornaam:</p></td>
      <td width="279"><label>
        <input name="Voornaam" type="text" id="Voornaam" size="30" />
      </label></td>
    </tr>
    <tr>
      <td><p>Achternaam:</p></td>
      <td><label>
        <input name="Achternaam" type="text" id="Achternaam" size="30" />
      </label></td>
    </tr>
    <tr>
      <td><p>Email:</p></td>
      <td><label>
        <input name="Email" type="text" id="Email" size="30" />
      </label></td>
    </tr>
    <tr>
      <td><p>Bericht:</p></td>
      <td><label>
        <textarea name="Bericht" rows="4" cols="23" id="Bericht"></textarea>
      </label></td>
    </tr>
    
    <tr> 
    <td colspan="2">
      <div align="center">
        <input name="Verzend" type="submit" value="Verzend" onclick="window.close()" />
        </div></td>
    </tr>
   
  </table>
</form>
</body>
</html>

Ik heb ook nog een aantal javascripts maar ik weet niet of dit nodig is? Deze zijn vooral voor de navigatieknoppen.
Ik hoop dat je het zo bedoelde, anders zou ik je kunnen doorsturen via mail?

Dries Beerts

csshunter · 1 jun 2010

Ja, dit is zo ongeveer wat ik bedoelde.

Ik heb de bovenstaande pagina en de css in elkaar geplakt, en ook de contact-pagina opgeslagen (met even een andere naam, want ik had al een Contact.html).
Er zitten nog wat extra stylesheets in, en ook die javascripts, zoals je zei.
Dus de opmaak zal niet 100% zijn. Ik heb uit de <ul id="vbUL_gwmdc"> de style="visibility:hidden;" weggehaald, anders is de link niet te zien en te beklikken (wordt die met javascript aangezet?). - Verder heb ik aan het origineel niets veranderd.

Het resultaat is dan deze testpagina.
Oftewel: hij doet het gewoon!

Ik kan maar twee (nee 3!) verklaringen geven waarom deze het wel doet, en die bij jou niet:

Er zit toch iets scheef in je naamgeving of map-aanduiding, waardoor hij bij jou de contact-pagina niet kan vinden.
Opent het pop-up venstertje wel, met daarin dan de tekst "File Not Found"?
Of het is het javascript, dat bij mij uitgeschakeld staat, en geen kwaad kan aanrichten.
Dat kan je testen door even een kopie van je pagina te maken, en daar alle script-verwijzingen uit te verwijderen:
<script type="text/javascript" src="Javascript.js"></script>
<script type="text/javascript" src="Home-button-files/scifjvr.js"></script>
enz.
O-la-la: ik bedenk er nog een! Als je de pagina lokaal test in Internet Explorer, zou die wel eens het vertonen van een popup voor de veiligheid kunnen tegenhouden (zonder het te zeggen).
Dan zit het in de IE-instellingen (die zijn soms voor lokale bezichtiging van een webpagina anders/strakker afgesteld dan voor een site op internet!). Heb je je pagina al eens geprobeerd met Firefox of een andere browser?

Uiteindelijk zouden we toch een goede diagnose moeten kunnen stellen!

Met vriendelijke groet,
CSShunter

PS:
Uit nieuwsgierigheid: is het Dreamweaver die die exotische namen als id="vista-buttons.com:idg3pim" en class="vbULgwmdc" heeft verzonnen?

Beerts · 1 jun 2010

Bedankt csshunter,

ik zal het allemaal eens uitproberen.
Die id = vistabuttons enz ... komen van een programma. Ik heb deze buttons gemaakt met het programma vista-buttons, deze maakt dan een javascript (en als je een uitklapbare button wil ook een css bestand) bestand aan voor elke button. Dus ik denk niet dat ik de javascript kan wegdoen? Maar ik zal het eerst een even uitproberen.

Als ik nu mijn contact wil openen, opent hij wel maar niet in een pop up venster. Hij opent nu zoals elke andere pagina.

mvg
Dries

csshunter · 1 jun 2010

Oeps, toch nog een mogelijkheid vergeten.
Vanwege de rubriek 'Dreamweaver' waarin je dit gepost hebt, neem ik aan dat je de site met Dreamweaver bouwt.

Als je de pagina bekijkt, waarin de pop-up niet los tevoorschijn komt, doe je dat dan in de Dreamweaver Preview-weergave?

Het zou kunnen dat DW dat daarop niet kan, en dat als de site live op internet zou staan, het gewoon goed gaat.

Maar ik heb geen Dreamweaver, dus misschien weet een andere hier passerende Dreamweaveraar of dit zo is?

Met vriendelijke groet,
CSShunter

Pop-up venster openen

Beerts

Gebruiker

csshunter

Meubilair

Beerts

Gebruiker

csshunter

Meubilair

Beerts

Gebruiker

csshunter

Meubilair

Beerts

Gebruiker

csshunter

Meubilair

Beerts

Gebruiker

csshunter

Meubilair

Nieuwste berichten

Wij waarderen jouw privacy