[Vraag] Php in javascript?

Gestart doorArjenfroma16 reacties42 weergaven

17 berichten · pagina 1 van 2

Arjenfroma

Lid · Topicstarter

Berichten
69
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Heey!,
Kunnen jullie mij misschien vertellen hoe ik php in javascript doe?
Ik heb het nodig voor een Habbo topstory systeem maar ik kan het niet vinden..

Alvast bedankt.

///Edit:///
Arjenfroma schreef:
Ik show jullie wel even het bestand waar een include moet staan.
Hier is het .js bestand genaamd "Fade.js"
Spoiler tonen
/***********************************************
* Ultimate Fade-In Slideshow (v1.51):  Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images/tops/openingtop.gif", "<div class=toptext>LAATSTE NIEUWS</div><div class=kop>Welkom Terug op Totalhabbo!</div><br /> <div class=tussentext>Totalhabbo heeft weer een <br>nieuwe start gemaakt! Met <br>nieuwe en oude staffleden<br></div>", "#"] //plain image syntax
fadeimages[1]=["images/tops/schooltop.gif", "<div class=toptext>LAATSTE NIEUWS</div><div class=kop>De scholen zijn weer begonnen!</div><br /> <div class=tussentext>De scholen zijn weer<br> begonnen dus de nieuwe <br>school meubels zijn er!.</div>", "#"] //plain image syntax
fadeimages[2]=["images/tops/bollytop.gif", "<div class=toptext>LAATSTE NIEUWS</div><div class=kop>Binnenkort: Bollywood week!</div><br /> <div class=tussentext>De leukste week op TH,<br>met veel prijzen en als<br>Afsluiter een Bollywood Bal!</div>", "#"] //plain image syntax
fadeimages[3]=["images/tops/halloweentop.gif", "<div class=toptext>LAATSTE NIEUWS</div><div class=kop>Het Halloween Bal!</div><br /> <div class=tussentext>Maandag 31 oktober<br>tussen 19:00 en 21:00!</div>", "#"] //image with link syntax
 
/***********************************************
* Settings for Topstory
***********************************************/
var imageheight = "153"
var imagewidth =  "241"
var fadebgcolor= ""

/***********************************************
* End settings for Topstory
***********************************************/



////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write(<div id="master+this.slideshowid+" style="position:relative;width:+fadewidth+px;height:+fadeheight+px;overflow:hidden;"><div id="+this.canvasbase+_0" style="position:absolute;width:+fadewidth+px;height:+fadeheight+px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:+fadebgcolor+"></div><div id="+this.canvasbase+_1" style="position:absolute;width:+fadewidth+px;height:+fadeheight+px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:+fadebgcolor+"></div></div>)
else
document.write(<div><img name="defaultslide+this.slideshowid+" src="+this.postimages[0].src+"></div>)
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""

if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+=<div style="padding-left: 1px; background-image: url(+this.postimages[picindex].src+); height: +imageheight+px; width: +imagewidth+px" border="+this.imageborder+px">+this.theimages[picindex][1]+ <br /><a href="+this.theimages[picindex][2]+">Lees meer &raquo;</a><br />
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+=</a>
picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images[defaultslide+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}
Kijk zo wil ik het hebben (Voorbeeld van waar een include moet.
Spoiler tonen
fadeimages[0]=["images/tops/openingtop.gif", "Hier moet een include kunnen.", "#"] //plain image syntax
Willen jullie hem miss zo even maken dat ik alleen de de path ervan moet veranderen dat die het dan doet?

Alvast (alweer) bedankt.
0
Berichten
140
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Geen idee??
0
Thom

Lid

Berichten
10.654
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hoe bedoel je?
In een .js bestand?
0
Arjenfroma

Lid · Topicstarter

Berichten
69
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Klopt.
Ik moet een php include in een .js file hebben.
0
Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Je kan gewoon PHP in Javascript doen, wordt toch als eerste uitgevoerd. Dan heb ik het wel over echo´ing en including.

PHP functies mengen met JS werkt helaas niet.

Je kan met htaccess je .js ook laten parsen door PHP, maar dat vind ik maar ranzig en kazig. Er is vast wel wat beters voor. Wat wil je dan in je .js file ophalen met PHP?
kan je anders geen variabele op je index.php aanmaken met die data? En die variabele in je .js aanroepen?
0
Thom

Lid

Berichten
10.654
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Verander de extensie van je javascript.js bestand naar bijv. javascript.php
Kan gewoon in staan

Bijv. je blabla.php bestand:

[COLOR= #0000BB]<?[/COLOR]php
[URL="http://www.php.net/header"]header[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]Content-type: application/javascript[/COLOR][COLOR= #007700]);[/COLOR]

[URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]"bestand.php"[/COLOR][COLOR= #007700]);[/COLOR]
?>
// de rest van je .js bestand
0
Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Kan je het niet in een aparte variabele plaatsen, in je index.php?
Dat lijkt mij netter....
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Gewoon zo

<script type="text/javascript">
var variabele = <?= $var[value]; ?>
</script>
<script type="text/javascript" src="bestand.js"></script>


Eerst voorbeeld wat ik zo even snel kan bedenken is Hyves, die doet het ook zo.
0
Berichten
8.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Xjessex schreef:
Gewoon zo

<script type="text/javascript">
var variabele = <?= $var[value]; ?>
</script>
<script type="text/javascript" src="bestand.js"></script>
Eerst voorbeeld wat ik zo even snel kan bedenken is Hyves, die doet het ook zo.

Geen shortcodes wink
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Vriendje schreef:
Eerdere citaten tonen
Xjessex schreef:
Gewoon zo
<script type="text/javascript">
var variabele = <?= $var[value]; ?>
</script>
<script type="text/javascript" src="bestand.js"></script>


Eerst voorbeeld wat ik zo even snel kan bedenken is Hyves, die doet het ook zo.
Geen shortcodes wink

Dat zijn shortcodes..

Staat voor php openen en gelijk een echo starten, dat is gewoon goed php? smile
toevoeging op 10 februari 2012, 23:31:55:
staat mooier dan

yes_new
toevoeging op 10 februari 2012, 23:32:05:
Ook overzichtelijker..
0
Berichten
8.649
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Xjessex schreef:
Eerdere citaten tonen
Vriendje schreef:
Eerdere citaten tonen
Xjessex schreef:
Gewoon zo
<script type="text/javascript">
var variabele = <?= $var[value]; ?>
</script>
<script type="text/javascript" src="bestand.js"></script>


Eerst voorbeeld wat ik zo even snel kan bedenken is Hyves, die doet het ook zo.
Geen shortcodes wink
Dat zijn shortcodes..

Staat voor php openen en gelijk een echo starten, dat is gewoon goed php? smile
toevoeging op 10 februari 2012, 23:31:55:
staat mooier dan

yes_new
toevoeging op 10 februari 2012, 23:32:05:
Ook overzichtelijker..

Toch raad ik af. Er hong redenen aan maar die ben ik vergeten bloos
0
Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Ik zou geen nadelen kunnen opnoemen door de data in een variabele te schrijven.
Wel raad ik de
0
Arjenfroma

Lid · Topicstarter

Berichten
69
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik show jullie wel even het bestand waar een include moet staan.
Hier is het .js bestand genaamd "Fade.js"
Spoiler tonen
/***********************************************
* Ultimate Fade-In Slideshow (v1.51):  Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images/tops/openingtop.gif", "<div class=toptext>LAATSTE NIEUWS</div><div class=kop>Welkom Terug op Totalhabbo!</div><br /> <div class=tussentext>Totalhabbo heeft weer een <br>nieuwe start gemaakt! Met <br>nieuwe en oude staffleden<br></div>", "#"] //plain image syntax
fadeimages[1]=["images/tops/schooltop.gif", "<div class=toptext>LAATSTE NIEUWS</div><div class=kop>De scholen zijn weer begonnen!</div><br /> <div class=tussentext>De scholen zijn weer<br> begonnen dus de nieuwe <br>school meubels zijn er!.</div>", "#"] //plain image syntax
fadeimages[2]=["images/tops/bollytop.gif", "<div class=toptext>LAATSTE NIEUWS</div><div class=kop>Binnenkort: Bollywood week!</div><br /> <div class=tussentext>De leukste week op TH,<br>met veel prijzen en als<br>Afsluiter een Bollywood Bal!</div>", "#"] //plain image syntax
fadeimages[3]=["images/tops/halloweentop.gif", "<div class=toptext>LAATSTE NIEUWS</div><div class=kop>Het Halloween Bal!</div><br /> <div class=tussentext>Maandag 31 oktober<br>tussen 19:00 en 21:00!</div>", "#"] //image with link syntax
 
/***********************************************
* Settings for Topstory
***********************************************/
var imageheight = "153"
var imagewidth =  "241"
var fadebgcolor= ""

/***********************************************
* End settings for Topstory
***********************************************/



////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write(<div id="master+this.slideshowid+" style="position:relative;width:+fadewidth+px;height:+fadeheight+px;overflow:hidden;"><div id="+this.canvasbase+_0" style="position:absolute;width:+fadewidth+px;height:+fadeheight+px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:+fadebgcolor+"></div><div id="+this.canvasbase+_1" style="position:absolute;width:+fadewidth+px;height:+fadeheight+px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:+fadebgcolor+"></div></div>)
else
document.write(<div><img name="defaultslide+this.slideshowid+" src="+this.postimages[0].src+"></div>)
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""

if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+=<div style="padding-left: 1px; background-image: url(+this.postimages[picindex].src+); height: +imageheight+px; width: +imagewidth+px" border="+this.imageborder+px">+this.theimages[picindex][1]+ <br /><a href="+this.theimages[picindex][2]+">Lees meer &raquo;</a><br />
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+=</a>
picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images[defaultslide+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}
Kijk zo wil ik het hebben (Voorbeeld van waar een include moet.
Spoiler tonen
fadeimages[0]=["images/tops/openingtop.gif", "Hier moet een include kunnen.", "#"] //plain image syntax
Willen jullie hem miss zo even maken dat ik alleen de de path ervan moet veranderen dat die het dan doet?

Alvast (alweer) bedankt.
0
Thom

Lid

Berichten
10.654
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kijk is naar mijn bericht..
0
Arjenfroma

Lid · Topicstarter

Berichten
69
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik ga het even proberen.

Edit:

Moet ik dan die fade.php bestand ook tussen die javascript codes zetten?
Want het werkt momenteel nog niet.

Nee het werkt niet. Hij weergeeft helemaal niets confused
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren