[PHP &amp; JS] Met JS controleren welke img is geladen in PHP

donderdag 18 maart 2004 15:10

Topicstarter

Hmm, ik heb het een beetje vereenvoudigd. In werkelijkheid haalt hij gegevens uit een database aan de hand van de variabele die ik mee geef met GET. De variabele blijft dus altijd hetzelfde, maar de gegevens in de database veranderen.

Ik laat om de 5 seconden de figuur verversen (alleen de figuur, niet de pagina) dus ik kan ook niet kijken op de pagina zelf of de gegevens in de database zijn veranderd.

Eigenlijx zou ik dus moeten kunnen checken of de figuur anders is. Afmetingen of grootte oid.

[ Voor 14% gewijzigd door Fles op 18-03-2004 14:51 ]

Acties:

donderdag 18 maart 2004 15:34

Graveheart schreef op 18 maart 2004 @ 14:37:Eigenlijx zou ik dus moeten kunnen checken of de figuur anders is. Afmetingen of grootte oid.

http://www.php.net/md5-file ?

Acties:

donderdag 18 maart 2004 15:39

Topicstarter

djluc schreef op 18 maart 2004 @ 15:10:
[...]

http://www.php.net/md5-file ?

Ja, maar dan in Javascript

Acties:

Verwijderd

Md5 in Javascript:
http://pajhome.org.uk/crypt/md5/index.html

donderdag 18 maart 2004 15:43

Acties:

donderdag 18 maart 2004 15:45

Topicstarter

Verwijderd schreef op 18 maart 2004 @ 15:39:
Md5 in Javascript:
http://pajhome.org.uk/crypt/md5/index.html

Ja alleen dan van een bestand/figuur

Acties:

Billie

RobIII schreef op 18 maart 2004 @ 14:36:
je kunt in PHP toch ool iets als volgt uit poepen:
ASP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
  <script>
    myVar = <%=im%>

    function DoeIets() {
      if (myVar == 1) {
        alert('Blaat')
      } else P
        alert('Bladiedbla')
      }
    }
  </script>
  <body>
    bla
  </body>
</html>
Is dan weliswaar ASP (ben niet zo thuis in PHP), maar dat moet toch ook kunnen? (Het gaat dus om regel 3)

edit:

Ik denk dat ik je vraag verkeerd begrijp

PHP:

<?
  header("Content-type: image/png");

  if ($var == "1")
    $im = ImageCreateFromPNG("blue.png");
  else if ($var == "2")
    $im = ImageCreateFromPNG("green.png");
  else
    $im = ImageCreateFromPNG("red.png");

  ImagePNG($im);
  ImageDestroy($im);
  
  echo "<script type=\"text/javascript\">var pic_num = ".$_GET [ 'var' ]."</script>";

?>

En dan dus de rest van de functie ja.

donderdag 18 maart 2004 15:49

Acties:

donderdag 18 maart 2004 16:14

Topicstarter

Billie schreef op 18 maart 2004 @ 15:45:
[...]

PHP:

<?
  header("Content-type: image/png");

  if ($var == "1")
    $im = ImageCreateFromPNG("blue.png");
  else if ($var == "2")
    $im = ImageCreateFromPNG("green.png");
  else
    $im = ImageCreateFromPNG("red.png");

  ImagePNG($im);
  ImageDestroy($im);
  
  echo "<script type=\"text/javascript\">var pic_num = ".$_GET [ 'var' ]."</script>";

?>

En dan dus de rest van de functie ja.

Maar dit gaat dus niet lukken... Het wordt gezien als een afbeelding, kun je toch geen script in lope type?

Acties:

Billie

* Billie ramt zijn kop tegen een muur.

Volgens mij is het gewoon niet mogelijk dan.

donderdag 18 maart 2004 16:31

Acties:

JoeKurr

Past niet in een MiG-21

Misschien niet zo'n nette oplossing, maar je kunt je PHP script een cookie laten zetten die je dan met javascript weer uitleest.

Dutch Flanker Display Team
You can't be lost if you don't care where you are

donderdag 18 maart 2004 16:34

Acties:

donderdag 18 maart 2004 16:37

Topicstarter

JoeKurr schreef op 18 maart 2004 @ 16:31:
Misschien niet zo'n nette oplossing, maar je kunt je PHP script een cookie laten zetten die je dan met javascript weer uitleest.

Dit is helaas niet mogelijk, aangezien er meerdere van deze figuren in het html document staan

En om de cookie uit te lezen moet ik de pagina herladen en dat was nou juist niet de bedoeling

[ Voor 14% gewijzigd door Fles op 18-03-2004 16:52 ]

Acties:

Standeman

Prutser 1e klasse

Misschien zoiets..

code:

function checkIcon(number)
{
    document.images['img_' + number].src =  '/images/test.png';
}



[img]"/images/img_number.png"[/img]

misschien toepasselijk, maar ik denk dat je er wel verder mee komt

The ships hung in the sky in much the same way that bricks don’t.

donderdag 18 maart 2004 16:48

Acties:

donderdag 18 maart 2004 16:53

Topicstarter

Standeman schreef op 18 maart 2004 @ 16:37:
Misschien zoiets..
code:
1
2
3
4
5
6
7
8
function checkIcon(number)
{
    document.images['img_' + number].src =  '/images/test.png';
}



[img]"/images/img_number.png"[/img]
misschien toepasselijk, maar ik denk dat je er wel verder mee komt

Ik denk dat ik hier niet verder mee kom, want dit slaat helemaal niet op mijn vraag hahaha

Acties:

Bosmonster

*zucht*

Graveheart schreef op 18 maart 2004 @ 16:34:
[...]

Dit is helaas niet mogelijk, aangezien er meerdere van deze figuren in het html document staan En om de cookie uit te lezen moet ik de pagina herladen en dat was nou juist niet de bedoeling

Dat hoeft geen probleem te zijn. Je kunt per afbeelding de status in de cookie zetten. Ik vraag me alleen af of als je de cookie in javascript uitleest of je dan wel de laatste versie krijgt of de 'oude' versie die je meekreeg bij de pagina..

donderdag 18 maart 2004 17:10

Acties:

donderdag 18 maart 2004 17:15

Topicstarter

Cookie uitlezen in JavaScript, das nieuw...

(voor mij)

Acties:

donderdag 18 maart 2004 17:18

* Tetragrammaton

Alternatieve oplossing; gebruik een constructie in de vorm van pagina.php?type=javascript voor de javascript src en gebruik pagina.php?type=image voor het plaatje. Dan weet je iig dat het in de meeste browsers zal werken

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate

Acties:

donderdag 18 maart 2004 17:21

Topicstarter

Spider.007 schreef op 18 maart 2004 @ 17:15:
Alternatieve oplossing; gebruik een constructie in de vorm van pagina.php?type=javascript voor de javascript src en gebruik pagina.php?type=image voor het plaatje. Dan weet je iig dat het in de meeste browsers zal werken

Die vat ik niet, wat heeft dit voor voordelen?

En dit bedoel je in combinatie met die cookies?

[ Voor 7% gewijzigd door Fles op 18-03-2004 17:19 ]

Acties:

donderdag 18 maart 2004 17:45

* Tetragrammaton

Graveheart schreef op 18 maart 2004 @ 17:18:
[...]

Die vat ik niet, wat heeft dit voor voordelen?

En dit bedoel je in combinatie met die cookies?

Ik bedoel dat je het als volgt doet:

code:

1
2
3

<html>
[img]"pagina.php?type=image">
<script[/img]

PHP:

if ($_GET['type'] == 'image'){
    header('image');
    [...]
} else {
    header('javascript');
    echo "kleur='blauw'";
    [...]
}[

Dan heb je dus helemaal geen cookie nodig; en vergroot de bruikbaarheid van de oplossing

[ Voor 12% gewijzigd door Spider.007 op 18-03-2004 17:22 ]

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate

Acties:

donderdag 18 maart 2004 18:00

Topicstarter

Maar dit is dus geen oplossing voor mijn probleem

Of zie ik dat helemaal verkeerd.

Acties:

donderdag 18 maart 2004 19:23

Graveheart schreef op 18 maart 2004 @ 17:45:
Maar dit is dus geen oplossing voor mijn probleem
Of zie ik dat helemaal verkeerd.

maak van:

PHP:

1	echo "kleur='blauw'";

dit:

PHP:

1	echo "document.write('[img]blabla[/img]')";

[ Voor 24% gewijzigd door djluc op 18-03-2004 18:00 ]

Acties:

donderdag 18 maart 2004 19:29

Topicstarter

Maar mensen, hier heb ik toch helemaal niets aan

Acties:

sjoerdb2

Ik denk dat je het op een andere manier moet oplossen. als je nou gewoon op de plaatsen waar je de plaatjes neerzet direkt red.png blue.png en green.png aanroept, heb je geen probleem

donderdag 18 maart 2004 19:48

Acties:

Mx. Alba

hen/hun/die/diens

Kunnen we wat meer van de code eromheen zien? Hoe plaats je de image in je HTML? Gewoon via [img]"imagescript.php"[/img] bijvoorbeeld?

Het makkelijkst zou zijn om gewoon de pagina waarin je het image aanroept ook in PHP te doen. Je kan dan ofwel gewoon de source van het image direct inladen, waardoor dus de url van het image gewoon in de HTML-code staat, of je zet een HTML comment met daarin de nodige informatie.

Het is alleen een echte hetze als het uit Hetzerath komt, anders is het gewoon sprankelende ophef.

donderdag 18 maart 2004 22:14

Acties:

donderdag 18 maart 2004 23:47

Topicstarter

sjoerdb schreef op 18 maart 2004 @ 19:29:
Ik denk dat je het op een andere manier moet oplossen. als je nou gewoon op de plaatsen waar je de plaatjes neerzet direkt red.png blue.png en green.png aanroept, heb je geen probleem

Het is een Instant Messageing systeem. De figuur voor de naam geeft aan of er nieuwe berichten zijn. Eerder had ik het zo dat om de 10 seconden de hele pagina werd ververst en dat de nieuwe berichten uit de database werden gehaald. Maar omdat je dan iedere keer een *klik* hoort heb ik het zo gemaakt dat de icoontjes voor de naam alleen worden ververst. Ik roep op de volgende manier de icoontjes aan.

[img]'image.php?sender=$sender'[/img]

Vervolgens wordt er gekeken vanuit image.php in de database of er nieuwe berichten zijn voor $sender of dat deze online is. Als de persoon online is wordt er een groen bolletje weergegeven, offline een rode en bij een nieuw bericht een envelopje. Nu wil ik alleen weten of er envelopjes worden weergegeven. Dan wil ik de titel veranderen zodat te zien is of er nieuwe berichten zijn als de messenger geminimaliseerd is. Volgens mij is dit de enige manier, op een andere manier moet ik de hele pagina weer verversen en dan heb je weer een *klik*.

En omdat de figuur iedere keer ververst moet worden, is het dus ook niet mogelijk om de figuur in de pagina zelf te maken zoals hier boven werd gezegd.

[ Voor 7% gewijzigd door Fles op 18-03-2004 22:15 ]

Acties:

vrijdag 19 maart 2004 01:45

check this out: een hele andere opzet maar dit is wel een goed werkbare mogelijkheid: http://www.codehouse.com/...ts/cjl/load_xml_document/

Dus in JS de gegevens ophalen en dan daarmee de plaatjes veranderen.

[ Voor 20% gewijzigd door djluc op 18-03-2004 23:48 ]

Acties:

McVirusS

Dat klikken is volgens mij wel op te lossen hoor, ik zou als ik jou was even zoeken op dit forum want daar zijn zeker meerdere topics over te vinden.

Ik weet niet precies waar het voor is en dergelijke maar misschien is het een oplossing om plaatjes in een iframe te laden (en dan dus ook gelijk de javascript te genereren).

Waarom moet je trouwens weten welk plaatje is geladen?

vrijdag 19 maart 2004 09:07

Acties:

vrijdag 19 maart 2004 09:13

Topicstarter

McVirusS schreef op 19 maart 2004 @ 01:45:
Dat klikken is volgens mij wel op te lossen hoor, ik zou als ik jou was even zoeken op dit forum want daar zijn zeker meerdere topics over te vinden.

Ik weet niet precies waar het voor is en dergelijke maar misschien is het een oplossing om plaatjes in een iframe te laden (en dan dus ook gelijk de javascript te genereren).

Waarom moet je trouwens weten welk plaatje is geladen?

Het klikken heb ik volgens mij een hele tijd terug ook een topic over gestart. Dit is niet op te lossen voor zo ver ik weet. Bovendien krijg ik problemen dat inernet HEEL traag word door het iedere keer verversen van de pagina. Als alleen de afbeeldingen (van een paar byte) worden ververst heb ik dit niet.

Ik hoef niet te weten welke plaatjes geladen te zijn. Ik moet weten of één van de icoontjes een envelopje is.

Acties:

Helmet

en je kunt niet met setTimeOut('bla()',60000); een functie schrijven die door middel van de getElementByID functie de .src van het element zet?

Icons are overrated

vrijdag 19 maart 2004 09:19

Acties:

vrijdag 19 maart 2004 09:36

Helmet schreef op 19 maart 2004 @ 09:13:
en je kunt niet met setTimeOut('bla()',60000); een functie schrijven die door middel van de getElementByID functie de .src van het element zet?

Dat heeft hij nu inderdaad maar hij weet niet welk plaatje hij terug krijgt.

@ts: je zult echt de gegevens ergens anders vandaan moeten halen. Dan heb je meteen minder verkeer aangezien je het plaatje alleen bij het laden van de hoofdpagina moet laen met JS. dan kun je ze hetgebruiken.

[ Voor 27% gewijzigd door djluc op 19-03-2004 09:21 ]

Acties:

Verwijderd

wat je ook eventueel zou kunnen doen is door middel van een httprequest een klein (XML) bestandje laden (gegenereerd door je php dus) en aan de hand van die gegevens de hele boel updaten

vrijdag 19 maart 2004 10:07

Acties:

vrijdag 19 maart 2004 11:03

Topicstarter

Verwijderd schreef op 19 maart 2004 @ 09:36:
wat je ook eventueel zou kunnen doen is door middel van een httprequest een klein (XML) bestandje laden (gegenereerd door je php dus) en aan de hand van die gegevens de hele boel updaten

Werkt dit alleen met Micro$oft besturingssystemen?
En vanaf welke browser versie.

OMG, ik kan gewoon de breedte van de figuur opvragen!! Is dit nieuw in versie IE 6? Ik meende dat dit eerder niet kon. Nu kan ik gewoon het envelopje 1 pixel breder of smaller maken en weet ik dat die het is

(Het werkt inmiddels).

Ben nog wel nieuwschierig naar die httprequest!

[ Voor 26% gewijzigd door Fles op 19-03-2004 10:32 ]

Acties:

Mx. Alba

hen/hun/die/diens

djluc schreef op 18 maart 2004 @ 23:47:
check this out: een hele andere opzet maar dit is wel een goed werkbare mogelijkheid: http://www.codehouse.com/...ts/cjl/load_xml_document/

Dus in JS de gegevens ophalen en dan daarmee de plaatjes veranderen.

Dat is inderdaad een geniale oplossing! Met javascript kan je namelijk checken of er nieuwe mail is, en zo ja, met javascript het plaatje en de titel aanpassen.

Het is alleen een echte hetze als het uit Hetzerath komt, anders is het gewoon sprankelende ophef.

vrijdag 19 maart 2004 11:11

Acties:

vrijdag 19 maart 2004 12:07

* Tetragrammaton

Graveheart schreef op 19 maart 2004 @ 10:07:
[...]

Werkt dit alleen met Micro$oft besturingssystemen?
En vanaf welke browser versie.

[...]

Lijkt me erg sterk dat het van het OS afhankelijk zou zijn welke truukjes je browser kent; maar het werkt in ieder geval in Mozilla FireFox

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate

Acties:

vrijdag 19 maart 2004 12:11

Topicstarter

Mx. Alba schreef op 19 maart 2004 @ 11:03:
[...]

Dat is inderdaad een geniale oplossing! Met javascript kan je namelijk checken of er nieuwe mail is, en zo ja, met javascript het plaatje en de titel aanpassen.

Ik denk dat de enige mogelijkheid hierbij is dat je de hele pagina ververst. Je kunt vanuit de geladen pagina (die nog een object is) niet de huidige aansturen en dus geen afbeeldingen wijzigen. Je het enige wat je met die pagina kunt is in de pagina schrijven. En daar voor moet je de pagina verversen...

Oh je kun natuurlijk ook het object gewoon alleen uitlezen. Desnoods zet je er alleen een cijfer in dat de status aangeeft. Probleem is alleen dat niet elke browser deze functie ondersteund. Op de huidige manier heb je hier geen problemen mee. Ik ga ff prutsen

[ Voor 20% gewijzigd door Fles op 19-03-2004 12:11 ]

Acties:

vrijdag 19 maart 2004 12:23

* Tetragrammaton

Graveheart schreef op 19 maart 2004 @ 12:07:
[...]

Ik denk dat de enige mogelijkheid hierbij is dat je de hele pagina ververst. Je kunt vanuit de geladen pagina (die nog een object is) niet de huidige aansturen en dus geen afbeeldingen wijzigen. Je het enige wat je met die pagina kunt is in de pagina schrijven. En daar voor moet je de pagina verversen...

Oh je kun natuurlijk ook het object gewoon alleen uitlezen. Desnoods zet je er alleen een cijfer in dat de status aangeeft, ik ga ff prutsen

waarom niet? Je kunt toch met

code:

1	setTimeOut('updateImagesAndTextFromXML()', 600)

je pagina updaten via de DOM

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate

Acties:

vrijdag 19 maart 2004 13:02

Topicstarter

Ja, maar je moet dan vervolgens de pagina lezen, want schrijven kan niet. Je kunt dus geen code in de geladen pagina zetten. Hooguit variabelen waardoor je weet wat de status is (bericht, online, offline).

Acties:

vrijdag 19 maart 2004 13:09

* Tetragrammaton

Graveheart schreef op 19 maart 2004 @ 12:23:
Ja, maar je moet dan vervolgens de pagina lezen, want schrijven kan niet. Je kunt dus geen code in de geladen pagina zetten. Hooguit variabelen waardoor je weet wat de status is (bericht, online, offline).

document.getElementById('plaatje').src='TochOnline.gif';

---
Prozium - The great nepenthe. Opiate of our masses. Glue of our great society. Salve and salvation, it has delivered us from pathos, from sorrow, the deepest chasms of melancholy and hate

Acties:

Mx. Alba

hen/hun/die/diens

Spider.007 schreef op 19 maart 2004 @ 13:02:
document.getElementById('plaatje').src='TochOnline.gif';

Idd, je kan dan wel geen code in geladen documenten schrijven, maar je kan wel de browser laten doen alsof dat wél gebeurt

Het is alleen een echte hetze als het uit Hetzerath komt, anders is het gewoon sprankelende ophef.

vrijdag 19 maart 2004 13:49

Acties:

vrijdag 19 maart 2004 14:44

Topicstarter

Ja document.images[0].src gebruik ik nu ook. Maar je kunt alleen variabelen meegeven in de opgehaalde pagina en aan de hand daar van in de pagina van waaruit je de variabele hebt opgehaald de afbeeldingen veranderen.

Nou heb ik die bende letterlijk gekopieerd:

www.ziso.nl/~mdoornik/some/index2.htm

EN HIJ DOET HET NIET! Nu ben ik een uber-n00b op het gebied van XML dus weet niet of daar iets verkeerd is gegaan. Maar je zou zeggen dat als je hem letterlijk kopieert...

[ Voor 73% gewijzigd door Fles op 19-03-2004 14:39 ]

Acties:

T-MOB

Maar mensen, hier heb ik toch helemaal niets aan

volgens mij wel

in je html

code:

1	[img]"fotoscript?action=getimage"[/img]

in je fotoscript

PHP:

if ($_GET["action"] == 'getimage') 

 { 
# verstuur je foto
 } else {
echo $var; // waar var dus een aanduiding is voor wélk image.
}

In javascript kun je ze dan met "get_element_by_class" oid aanspreken

Regeren is vooruitschuiven

vrijdag 19 maart 2004 14:50

Acties:

vrijdag 19 maart 2004 14:57

Topicstarter

Ja daar heb ik dus niets aan...

Dit is namelijk niet echt waar het om gaat. Ik zou het wel kunnen implementeren, maar de manier die ik nu gebruik vind ik iets overzichtelijker. Voegt verder nix toe dit.

[ Voor 72% gewijzigd door Fles op 19-03-2004 14:57 ]

Acties:

T-MOB

Sorry, 'k had niet het hele topic bekeken

Desalniettemin denk ik dat het wel kan helpen... Je krijgt dan immers een img tag met een class. Als je in je JS dan om de 10s checkt of get_element_by_class("envelope") bestaat dan ben je toch waar je wezen moet... Of zie ik het nu verkeerd?

Regeren is vooruitschuiven

vrijdag 19 maart 2004 15:02

Acties: