Javascript and PHP problem

[aljohn03]

I am working on my site which is utilizing PHP. I build pages as a template, using PHP includes for the header and footer, and testing on my local server. There seems to be some sort of problem with adding javascript to the site. Example - I am trying to add sexyCycle (http://suprb.com/apps/sexyCycle/) to feature content on my index page, but it won't load up. I have tested all my JS files in a plain html file and got sexyCycle working fine.

Is there some sort of common issue here I need to work around? Is javascript just co***icting with PHP on my local server? please help!

[coiner]

JavaScript and PHP do not directly interact so that is not your problem.

If you are using jquery/ajax to dynamically place content into your page and that content contains a script, it will not execute unless you explicitly tell it to.

The way I do this, I would have a predefined function in my main js file (in your case it would be something like "startSexyCycle()") This function would be in a script that is in the dynamically loaded content like so:



<div id="dynamicDiv">
...Content...
<script type="text/javascript">
startSexyCycle();
</script>
...Content...
</div>


Once the content has been received and placed into the page by jquery/ajax, you would do this:



var scripts = document.getElementById("dynamicDiv").getElementsByTagName("script");
for (var i = 0, i < scripts.length; i++)
eval(scripts[i].innerHTML);





If this isn't your problem, I would need to see some example code to figure it out.

[aljohn03]

I wouldn't say im using jquery to place content into the page, I basically just have a unordered list of images, the sexycycle.js is just supposed to make them into a slideshow. I tested in an html file, worked fine, added the same thing to my php based site on my apache server and no go.

The html for the images is like this...

<div class="sexyCycle" id="box4">
<div class="sexyCycle-wrap">
<ul class="sexyCycle-content">

<li><img width="320" height="480" src="http://www.suprb.com/apps/sexyCycle/img/1.png"></li>
<li><img width="320" height="480" src="http://www.suprb.com/apps/sexyCycle/img/2.png"></li>
<li><img width="320" height="480" src="http://www.suprb.com/apps/sexyCycle/img/3.png"></li>
<li><img width="320" height="480" src="http://www.suprb.com/apps/sexyCycle/img/4.png"></li>
</ul>
</div>
</div>

Those obviously are the images. The javascript files are placed in the header, with the core jquery 1.4, jquery.sexycycle, and an jquery.easing, which smooths the transitions.

I also have this code in the header which activates

<script type="text/javascript">


// Initialize Home Feature Slideshow

$(document).ready(function() {
$("#box4").sexyCycle({
speed: 500,
interval: 4000
});
});



</script>

And this tiny bit of CSS:

ul.sexyCycle-content { list-style: none; margin: 0; padding: 0; width: 99999999; position: absolute }
li.sexyCycle-content { margin: 0; padding: 0; }
.sexyCycle { position: relative; overflow: hidden; }
.sexyCycle-wrap { position: relative; width: 99999px; }
.sexyCycle-content { width: 99999; position: absolute; overflow: hidden; }
#box4 {
height:480px;
}

Any ideas?

[coiner]

Well first off that css will not work properly because some of the width attributes just have numbers in them. Add 'px' to the end of any number and see if that fixes it... and on that note, am I right in assuming the 99999px thing is something that the script requires? If not, why not just do 100% or auto?

[heidner]

I am also trying to use sexyCycle within php includes, but having no luck. Any ideas why sexyCycle won't work within a php include?

Edit: I noticed during first attempts of implementation that the css file the sexyCycle creator provides is a little sloppy and has some errors. I have already correct those. The new, pretty CSS file works with my HTML version.

[rosstaylor345]

There is no much use for CSS here because the problem can be solved by a lot of numbers. Try to add px at the end of each number or you can just make it 100 percent.

[resdog]

Do this: take the HTML only version of the page and the php version of the page and look at both source codes (after the php renders). This should give you a clue as to why the php version isn't working. Since php and javascript do not interact directly, maybe there is something in the php file that is rendering incorrectly and thus not allowing the javascript to run.

[shanebond789]

CSS would not be very practical because there are figures to solve the issue through including px at the final of each figure or simply create it 100 percent.

[andrewwhite345]

CSS is not at all useful here as there are different ways to solve the problem. You can try to add PX at the end of every number or just make it 100%.

[nakibfdc]

this was a really quality post. In theory I'd like to write like this too - taking time and real effort to make a good article... but what can I say... I procrastinate a lot and never seem to get something done. Versatility is one of the benefits of a custom wedding dress, so you should make the most of it.


Facebook Landing Page (http://www.gimmecreative.com)

[darrensmith786]

Very useful in order to solve the problem here as there is a number that the CSS will look to add a pixel or all numbers at the end there, but then it 100 percent.

[harryraya]

Is there some sort of common issue here I need to work around? http://www.cuinsurance.org/xiaozhu1.jpg
http://www.cuinsurance.org/male2.jpg
http://www.cuinsurance.org/male3.jpg

[xuma's]

Is there some sort of common issue here I need to work around?
http://www.cuinsurance.org/male2.jpg
http://www.cuinsurance.org/male3.jpg

[carlhooper123]

This is really very valuable in order to crack the problem here as there is a quantity that the CSS will air to augment a pixel or all statistics at the finish there, but at that time it is at 100 percent.

[jacobmartin456]

Very useful in order to solve the problem here as there is a number that the CSS will look to add a pixel or all numbers at the end there, but then it 100 percent.

[davidmorgan786]

CSS is not at all useful here as there are different ways to solve the problem. You can try to add PX at the end of every number or just make it 100%.

[sambrown]

Thanks ALJOHN for starting this thread. I now know what to do with my issue about Javascript and PHP. Thanks again!

[mdiendd123456]

Said well, support you


_________________
Schaufensterpuppen (http://www.znl-online.de/index.php?main_page=index&cPath=1)

[jonathanganesh]

very nice discussion this is,

----------------------
Jonathanganesh
Hire a php developer (http://www.cogzidel.com/services/hire-dedicated-professional)

[ronju]

The key to any successful website is knowing your visitors. Site Analytics gives you the valuable, real-time data you need – information you can use to spotlight popular products, target new customers, track offer responses and much more. With over 30 detailed reports, you can find out where your visitors are coming from, what paths they take through your site, even where in the world they live.

http://createaserver.com

[johnterry356]

The things that are on display are all very good and they are great ones too. You are sure look very good in them and they are very much affordable too.

[Bre45Web]

wsa
http://www.anuz.info/xiaowang1.jpg
http://www.anuz.info/xiaowang2.jpg
http://www.anuz.info/xiaowang3.jpg

[davianmark]

The app called as the CSS won’t be much valuable here as there are facts that solve the problem and try totaling PX at the end of every single number.

[williamxaviers]

Java script is very useful coding for creating some best website, Sometimes it create problem when we run this script for PHP. This file is called CSS it is used to develop some related script.

[christmas11]

thanks to share info about this.




Christmas Parties Derbyshire (http://christmas.hospitalityline.co.uk/derbyshire-christmas-parties)

[William]

Very good discussion here. I learn a lot

[jiopo]

ok thanks http://importancetechnology.webs.com/

[Phillip]

JavaScript and PHP do not directly interact so that is not your problem.

If you are using jquery/ajax to dynamically place content into your page and that content contains a script, it will not execute unless you explicitly tell it to.

The way I do this, I would have a predefined function in my main js file (in your case it would be something like "startSexyCycle()") This function would be in a script that is in the dynamically loaded content like so:



<div id="dynamicDiv">
...Content...
<script type="text/javascript">
startSexyCycle();
</script>
...Content...
</div>


Once the content has been received and placed into the page by jquery/ajax, you would do this:



var scripts = document.getElementById("dynamicDiv").getElementsByTagName("script");
for (var i = 0, i < scripts.length; i++)
eval(scripts[i].innerHTML);





.
this is a good way to try to figure this problem out. After reading, I feel I have learned much .

[amber java]

Nice discussion!

[CHRISTINE_A]

Agree! support you, ronju.

[ailsa]

Yes, saie very well.

[ihspain]

There are many situation when we send JSON formatted data in POST method to server side(PHP). But when we try to read that in the conventional way i.e. $_POST, it will show a blank array. If we analyse the content in firebug, we can see that the data is there in POST method, but in the backend it's returning NULL.