Pxxo_Widget_Window

Ce widget permet de créer une fenêtre volante qui peut encapsuler du contenu externe (via une iframe).

• Exemple d'utilisation en ligne
• Installer

$params = array();
$params['url'] = 'http://google.fr';
$params['oid'] = 'tata';
$params['visible'] = true;
$params['button'] = 'close';
$w = new Pxxo_Widget_Window($params);

Ci dessous vous trouverez deux exemples d'utilisation.

Exemple 1 :

Ici on génère sur une page web une fenêtre volante contenant la page de recherche 'Google', cette fenêtre est rendue visible ou cachée par des action sur des liens (on peut bien sûr utiliser d'autres actions et/ou sur d'autres éléments tel que par exemple des images).

Dans un template quelconque …

...
<!-- Affiche ou cache la fenêtre -->
<a href="#" onclick="Window_toggle('MonIdentifiant');return false;">[ Toggle Window ]</a><br/>
 
<!-- Affiche la fenêtre -->
<a href="#" onclick="Window_show('MonIdentifiant');return false;">[ Show Window ]</a><br/>
 
<!-- Cache la fenêtre -->
<a href="#" onclick="Window_hide('MonIdentifiant');return false;">[ Hide Window ]</a><br/>
...

Dans le code php …

...
require_once 'Pxxo/Widget/Window.php';
 
$p = array('oid'  => 'MonIdentifiant',
           'url'    => 'http://google.fr',
           'label'  => 'Google Search',
           'button' => array('minmax','close'),
           'visible'=> false,
);
$obj1 = new Pxxo_Widget_Window($p);
 
$obj1->main();
$obj1->dump();
...

Exemple 2 :

Ici on génère sur une page web une fenêtre volante qui contiendra soit la page de recherche 'Yahoo', soit 'Google', soit 'Voila', cette fenêtre est rendue visible sur le survol des liens correspondant. La fenêtre se positionnera en fonction du lien survolé.

Dans un template quelconque …

...
<!-- Yahoo -->
<a href="#" id="lien1" onmouseover="Window_setURL('MonIdentifiant','http://yahoo.fr');Window_Tooltip(this.id,'MonIdentifiant',0);return false;">
  [ Yahoo ]  
</a>
<br/><br/>
<!-- Voila -->
<a href="#" id="lien2" onmouseover="Window_setURL('MonIdentifiant','http://voila.fr');Window_Tooltip(this.id,'MonIdentifiant',0);return false;">
  [ Voila ]  
</a>
<br/><br/>
<!-- Google -->
<a href="#" id="lien3" onmouseover="Window_setURL('MonIdentifiant','http://google.fr');Window_Tooltip(this.id,'MonIdentifiant',0);return false;">
  [ Google ]  
</a>
...

Dans le code php …

...
require_once 'Pxxo/Widget/Window.php';
 
$p = array('oid'  => 'MonIdentifiant',
           'url'    => 'http://yahoo.fr',
           'visible'=> false,
);
$obj1 = new Pxxo_Widget_Window($p);
 
$obj1->main();
$obj1->dump();
...

Affiche ou cache la fenêtre volante selon son état.

Affiche ou cache la fenêtre volante modale selon son état. Cette fonction est à utilisée à la place de Window_toggle(…) pour l'usage de fenêtre modale.

Affiche la fenêtre volante.

Affiche la fenêtre volante. Cette fonction est à utilisée à la place de Window_show(…) pour l'usage de fenêtre modale.

Cache la fenêtre volante.

Cache la fenêtre volante. Cette fonction est à utilisée à la place de Window_hide(…) pour l'usage de fenêtre modale.

Permet de changer l'url vers laquelle le contenu de la flybox pointe.

Renvoie le nom de l'id de la frame construite à partir de l'oid.

Affiche la flybox en la positionnant par rapport à un élément et en cas de perte de focus la flybox est cachée.

Permet de changer la position de la flybox sur la page par rapport à un élément spécifié par son id (par exemple un lien).

Gestion de la souris : en cas de perte de focus la flybox est cachée.

Change le nom de la fenêtre