php Pause/Wait until ..

[Porsche_maniak]

As i don't like to explain a lot i just give example first...

<iframe src=http://yahoo.com/></iframe>
<?php
file_get_contents('something.txt');
 ?>

The questions is:
How can i pause file_get_contents until the iframe load ?
Alternative (worse) solution is 'executing' the iframe 5 sec before file_get_contents.

sleep() function pauses all the page :S

 

[Hyperz]

Sleep() in a language like PHP is generally a bad idea. What you need here is client <=> server communication. Thus, you'll need to implement this in JavaScript trough AJAX. IE call a PHP script from JavaScript once the iframe is loaded. I'm sure Google can assist you with the rest of it.

 

[Gaurav]

^ that is awesome! Hyperz stole my words! :D

 

[Porsche_maniak]

Tnx ..
With jquiry done simply

 

[litewarez]

You can do it, dont wast your time tying.

You can mix PHP with Client Side.

What you need to do is like so:

<iframe id="iframeID" src="http://google.com"></iframe>
<div id="some_content"></div>
<script>
$('#iframeID').bind('load',function(){
    //Do an ajax call
    $.get('data.php',function(data){
        $('#some_content').html(data);
    });
})
</script>

then in your data.php script echo some content.

 

[Porsche_maniak]

Tnx litewarez ..

btw can you tell me where's the problem of this jquery :

[B]$("#img").each(function(){[/B]
$('#img').ready(function () {
$('#img').css('margin-left','auto');
$('#img').css('margin-right','auto');
$(window).load(function () {
$('#img').toggle("slow");});
}); [B]});[/B]

I am trying to toggle images on document load. The above script does it for the first match of id so i added each(the bolded one in example) so i can do it for all images using id=img ,but nothing happens

 

[Ornlu]

^First of all u need to know that multiple elements cant have the same ID

 

[Porsche_maniak]

@Ornlu they can if you use php foreach function ... <img id=img src='.$valuefromforeach.'>

 

[Ornlu]

eh??
Why do u confuse Javascript Just Remove IDs and add CLASSes.
Or Instead use a selector like. $('div#parent img')

 

[Porsche_maniak]

Ornlu tnx 1000x
just forgot about the class

 

[Hyperz]

@Ornlu they can if you use php foreach function ... <img id=img src='.$valuefromforeach.'>

You can fill your car with water too. That doesn't mean it'll work. An ID(entification) should always be unique.

 

[immortalxx]

@Ornlu they can if you use php foreach function ... <img id=img src='.$valuefromforeach.'>

didnt read the whole thing fully but u need to add [] to make it into an array beforing using foreach, if it works, then ur lucky and maybe for now it will but tomorrow maybe it wont

 

[litewarez]

$("#img").each(function(){
    $('#img').ready(function () {
        $('#img').css('margin-left','auto');
        $('#img').css('margin-right','auto');
        $(window).load(function () {
            $('#img').toggle("slow");
        });
    });
});

the code should be:

$(document).ready(function (){
    var Image = $('#img'); //Create an instants of the layer

    //Set the CSS
    Image.css('margin-left','auto').css('margin-right','auto');

    //toggle the image:
    Image.toggle('slow');
});

 

[Porsche_maniak]

litewarez - perfect code but somehow after the image is loaded it creates new line ..
Some fix for that ?

 

[litewarez]

more than likley its an issue with CSS, you need to provide a screenshot and any css thats bound to the image.

 

[Porsche_maniak]

It has only border:0 in the class