javascript in een php pagina

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Jeroen van Welzen

Jeroen van Welzen

27/08/2009 15:55:00
Quote Anchor link
Hallo

Ik weet niet of ik deze vraag hier kan stellen

Maar hier komt hij dan

Ik heb een php pagina met een javascript popup erin

In de popup staat ook een iframe alleen deze wordt ook geladen bij het openen van de pagina terwijl het eigenlijk de bedoeling was dat het iframe alleen geopend zou worden als ik op de link klik


Het popup script

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<html><head>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript">



// Hier wijzig je plaatsing en uitzicht van het venster
var VensterbijMuis1         = 1;// (1=ja, 0=nee)
var VensterBreedte1        = 375;            
var VensterHoogte1         = 198;            
var PlaatsvanafLinks1     = 500;            
var PlaatsvanafBoven1     = 300;            
var Achtergrondkleur1     = "#A0F927";    
var Randkleur1             = "#000000";    

// Hier komt de inhoud van het venster
var VensterTitel1 = "<center><br><b><font face=tahoma color=#ffffff style=font-size:12px;>Uw Callback is Gestart</b>";
var VensterTekst1  = "<center><font face=tahoma color=#ffffff style=font-size:12px;>Waneer uw telefoon over gaat kunt u deze opnemen<br><br> Hierna wordt het gesprek opgezet met <br><iframe src=\"http://www.huizenwireless.nl/voip/callback.php?user=12345&number=54321\" width=\"300\" height=\"60\" frameborder=\"0\"></iframe>";

// Venster daar openen waar de muis zich bevindt


// Browsertest
ie = (document.getElementById && document.all && document.styleSheets) ? true:false;
nn = (document.getElementById && !document.all) ? true:false;

// Grootte van de tabel definiren
if(ie)TabelHoogte1=10;
else TabelHoogte1=8;




document.write(
"<div id='cc1' style='position:absolute;top:-1000;left:0'>"+
"<table width=375 height=198 background=images/callback.gif>"+
"<tr>"+
"<td height='"+TabelHoogte1+"' >"+VensterTitel1+"</td>"+
"</tr>"+
"<tr>"+
"<td>"+VensterTekst1+"</td>"+
"</tr>"+
"<tr>"+
"<td><center><a href=\"javascript:verbergVenster1()\">Sluit</a></td>"+
"</tr>"+
"</table>"+
"</div>");





function toonVenster1(){
    if(ie){
        document.getElementById("cc1").style.left = PlaatsvanafLinks1;
        document.getElementById("cc1").style.top  = PlaatsvanafBoven1;
        document.getElementById("cc1").style.visibility = "visible";}
    else if(nn){
        document.getElementById("cc1").style.left = PlaatsvanafLinks1;
        document.getElementById("cc1").style.top  = PlaatsvanafBoven1;
        document.getElementById("cc1").style.visibility = "visible";}
    else alert("Dit script gebruikt \"getElementById\". Jouw browser kent deze tag niet.");}

function verbergVenster1(){
document.getElementById("cc1").style.visibility = "hidden";}
</script>
<link href="css/styles.css" rel="stylesheet" type="text/css">
</head><body>


<a href="javascript:toonVenster1()">Call This Person</a></body></html>


het zou mooi zijn als het document.write( gedeelte pas geladen wordt als er op de link wordt gedrukt maar naar 2 dagen rommelen ben ik er nog steeds niet uit

Iemand een idee of een ander popup script waarbij het wel goed zou werken

Hier een voorbeeld

http://www.huizenwireless.nl/voip/test.htm

Alvast bedankt
 
PHP hulp

PHP hulp

05/11/2024 22:10:33
 
Milo

Milo

27/08/2009 16:12:00
Quote Anchor link
Geen idee hoe ik meot oplossen maar wilden even melden dat ik wel gewoon moest klikken niks automatisch
 
Jeroen van Welzen

Jeroen van Welzen

27/08/2009 16:17:00
Quote Anchor link
ja het is ook gewoon de bedoeling dat er op wordt geklikt

maar de div die wordt geladen daar staat een iframe in en deze wordt wel geladen bij het openen van de pagina zonder te klikken en dat zou nou juist niet moeten

want als het iframe wordt geladen wordt de callback al gestart en dat zou pas moeten gebeuren als er op de link wordt geklikt
 
Stefan

Stefan

27/08/2009 16:31:00
Quote Anchor link
<a href="javascript:toonVenster1()">Call This Person</a>

maak daar is van

<a href="" onclick="javascript:toonVenster1()">Call This Person</a>
 
Jeroen van Welzen

Jeroen van Welzen

27/08/2009 16:34:00
Quote Anchor link
Stefan schreef op 27.08.2009 16:31:
<a href="javascript:toonVenster1()">Call This Person</a>

maak daar is van

<a href="" onclick="javascript:toonVenster1()">Call This Person</a>


had ik al geprobeerd maar dat lost het probleem niet op

het probleem zit hem in de document.write die wordt al geladen als je de pagina ophaald

het zou mooi zijn als hij pas wordt aangemaakt als er op de link wordt gedrukt

heb ook al geprobeerd om hem in een functie te zetten maar dan laat hij niet in de bestaande pagina maar opened hij in een nieuwe pagina met een witte achtergrond

het zou mooi zijn als hij dynamische wordt geladen
Gewijzigd op 01/01/1970 01:00:00 door Jeroen van Welzen
 
Emmanuel Delay

Emmanuel Delay

27/08/2009 17:08:00
Quote Anchor link
Een aantal punten:

- waarom je cc1 door javascript laat genereren, is me een raadsel.

Waarom niet gewoon
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php echo '
<html>
<head>  
  <link href="css/styles.css" rel="stylesheet" type="text/css">
  <script type="text/javascript">

.... // hier zet je je script

  </script>
  </head>
  <body>
    <div id="cc1" style="position: absolute; top: -1000px; left: 0pt;">
      <table width="375" background="images/callback.gif" height="198">
        <tbody>
          <tr><td height="8"><center><br><b><font style="font-size: 12px;" color="#ffffff" face="tahoma">Uw Callback is Gestart</font></b></center></td></tr>
          <tr><td><center><font style="font-size: 12px;" color="#ffffff" face="tahoma">Waneer uw telefoon over gaat kunt u deze opnemen<br><br> Hierna wordt het gesprek opgezet met <br>
            <iframe src="http://www.huizenwireless.nl/voip/callback.php?user=12345&amp;number=54321" width="300" frameborder="0" height="60"></iframe>
            </font></center></td></tr>
          <tr><td><center><a href="javascript:verbergVenster1()">Sluit</a></center></td></tr></tbody>
        </table>
      </div>
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <a href="javascript:toonVenster1()">Call This Person</a>
  </body>
</html>
';
?>


- De pagina in het iframe wordt geladen wanneer je het een src waarde geeft. Je zou dit kunnen aanpassen bij het klikken op de link.
- ....style.visibility = "visible"; Dit is niet zo interessant.
Je werkt beter met display= 'none' en display= 'block'.
Dan moet je ook niet liggen prutsen met de positie van die div.


Probeer zo eens (een aantal dingen aangepast, zet die zelf maar terug)

index.php
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?php echo
'<html>
<head>  
  <link href="css/styles.css" rel="stylesheet" type="text/css">
  <script type="text/javascript">
  function toonVenster1()
    {
      document.getElementById("cc1").style.display = "block";
      document.getElementById("mijn_iframe").src = "http://www.huizenwireless.nl/voip/callback.php?user=12345&amp;number=54321";
    }
  function verbergVenster1()
    {
      document.getElementById("cc1").style.display = "none";
    }
  </script>
  <style>
    body{background-color: #000000;}
    #cc1 {background-color: #444444; z-index: 3; position: absolute; top: 0; left: 0; display: none;}
  </style>
  </head>
  <body>
    <div id="cc1">
      <table width="375" background="images/callback.gif" height="198">
        <tbody>
          <tr><td height="8"><center><br><b><font style="font-size: 12px;" color="#ffffff" face="tahoma">Uw Callback is Gestart</font></b></center></td></tr>
          <tr><td><center><font style="font-size: 12px;" color="#ffffff" face="tahoma">Waneer uw telefoon over gaat kunt u deze opnemen<br><br> Hierna wordt het gesprek opgezet met <br> <iframe id="mijn_iframe" src="" width="300" frameborder="0" height="60"></iframe></font></center></td></tr>
          <tr><td><center><a href="javascript:verbergVenster1()">Sluit</a></center></td></tr>
        </tbody>
      </table>
    </div>
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <a href="javascript:toonVenster1()">Call This Person</a>
  </body>
</html>
';
?>
Gewijzigd op 01/01/1970 01:00:00 door Emmanuel Delay
 
Jeroen van Welzen

Jeroen van Welzen

27/08/2009 17:43:00
Quote Anchor link
your my hero

dit werkt precies zoals ik hem in gedachten had

Ik had alleen eerst het gevoel dat hij hem soms uit de cache haalt

maar nu ik hem in de website heb gezet werkt het prima

nogmaals bedankt
 
Emmanuel Delay

Emmanuel Delay

27/08/2009 17:51:00
Quote Anchor link
J. van Welzen schreef op 27.08.2009 17:43:
Ik had alleen eerst het gevoel dat hij hem soms uit de cache haalt


Ah, daar is ook een simpele truuk voor. Geef de url van het iframe een extra nutteloze get variabele mee, met een random waarde.

Als de url verschillend is, zal niet uit de cache gezocht worden. Soms helpt dit, sowieso kan het geen kwaad.

zo bv.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
var randomWaarde = Math.floor(10000 * Math.random() );
document.getElementById("mijn_iframe").src = "http://www.huizenwireless.nl/voip/callback.php?user=12345&amp;number=54321&random_waarde="+ randomWaarde;
Gewijzigd op 01/01/1970 01:00:00 door Emmanuel Delay
 
Jeroen van Welzen

Jeroen van Welzen

27/08/2009 18:04:00
Quote Anchor link
Dat random truckje werkt ook perfect

alleen moet je wel de pagina vernieuwen maar dat is logisch

anders maakt hij geen nieuw random nummer aan

nogmaals bedankt
 
Jeroen van Welzen

Jeroen van Welzen

27/08/2009 18:50:00
Quote Anchor link
nog eens vraagje

is het ook mogelijk om het iframe dezefde kleur te geven zodat hij is geladen

hij is nu wit tijdens het laden

was hiermee aan het spelen maar wil niet echt lukken

of hij is helemaal geblokeerd of hij is wit tijden het laden

style="visibility:hidden;" onload="document.getElementById('mijn_iframe').style.visibility = 'visible';"

Gelieve Niet Bumpen::
Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de Afbeelding knop om je tekst aan te passen.

SanThe.
Gewijzigd op 01/01/1970 01:00:00 door Jeroen van Welzen
 
Jeroen van Welzen

Jeroen van Welzen

27/08/2009 18:56:00
Quote Anchor link
ik hem hem al

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
  function toonVenster1()
    {
      document.getElementById("cc1").style.display = "block";
      var randomWaarde = Math.floor(10000 * Math.random() );

      document.getElementById("mijn_iframe").src = "http://www.huizenwireless.nl/voip/callback.php?user=<? echo "$getmessage[fromuser]"; ?>&number=<? echo "$getmessage[dst]"; ?>&random_waarde="+ randomWaarde;
      document.getElementById('mijn_iframe').style.visibility = 'hidden';
    }


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<iframe id="mijn_iframe" onload="document.getElementById('mijn_iframe').style.visibility = 'visible';" src="" width="350" frameborder="0" height="50" ></iframe>
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.