By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.
 
 
 
Sentence to think about :   Why do you want to complicate ? Try GuppY that's all ... smile   
 
You are here :   Home » Basic page and with code
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...

Introduction

Technique

Photos

Modal window

You have at your disposal a jQuery script to display modal windows like the one you are reading.
The implementation is simple :
  • write the link :
    <a class="gypoplight" href="#?w=560&amp;rel=popup1&amp;btn=Close&amp;msk=msk=skins/skin5_guppy2015/">The link text</a>
    w=500 indicates the width of the window
    rel=popup1 popup1 is the name of the id of the div container
    btn=Close contains the text of the tooltips button closure

    msk=msk=skins/skin5_02/ indicates the skin directory for the button image
     
  • write the content in a layer with the appropriate classes :
    <div class="gypopup_block" id="popup1">  .... The content to display ... </div>
You can include any type of content, text and images.
gylogo.png

News of Friends

Visits

 1319626 visitors

 77 visitors online

Calendar

Basic page and with code

rss This article is available in the standard RSS format for publication on your website :
/data/en-articles.xml

Sample external page that integrates with GuppY

Basic page and with secure code.

This sample page is to be found in pages/sample.php

This page will be displayed in GuppY's main central box. Thus you see how to integrate external PHP or HTML pages with GuppY, so that these pages are displayed in the main box and not in a new window.




Creation date : 26/04/2017 17:20
Category : Technique - Insert an external page
Page read 51529 times

Reactions to this article


Nobody gave a comment yet.
Be the first to do so!

You are here :   Home » Basic page and with code
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...

Preferences


Connect again :
Your user name :
Your password
<O>


  Count of members 0 member
Connected :
(nobody)
Snif !!!

Newsletter

To receive news about this website, consider subscribing to our Newsletter.

Before submitting this form, please read and accept the Legal Notices.

I agree :
copy the code :
Subscriber
(nobody)
Snif !!!