Sziasztok!
Segítséget kérnék, mert már legalább 4 órája rágom a kefét ebben az ügyben :S .
Szeretnék a weblapom elé egy felugró ablakot, szélességben és magasságban is 100%-osat.
A lényeg az lenne, hogy van egy magazinom és mellette egy webshopom. a webshop aldomainen fut.
Azt kéne összehoznom, hogy ha valaki beírja a honlap címét a böngészőbe, a 0. másodpercben feljöjjön egy ablak ami ad egy választási lehetőséget, hogy a magazinra megy tovább (bezárja a popupot), vagy átlép a webshopra. mind a 2 “gomb” kép formájában jönne létre.
Találtam is egy Plugint, ami jónak tűnt, egyszerű és lehet TinyMCE-vel szerkeszteni.
https://wordpress.org/plugins/full-screen-popup/
A probléma az, hogy az egyik képhez hozzá kéne rendelni egy scriptet ami bezárja magát a popup-ot, és engedi tovább a látogatót. Van a popup-ban egy X a felső sarokban, azt próbáltam valahogy át variálni és áthelyezni a megfelelő helyre, de ez kudarcba fulladt.
Akinek van valami ötlete, azt kérem ossza meg velem!
Köszönöm!!! 
Megnézted már a pluginnál, hogy milyen kóddal zárja be / tünteti el?
Ha a popupot vizsgálom a böngészőn keresztül, akkor ezt a kódot látom a forrásban:
<br />
<img>
```<br />
viszont ha ezt bemásolom a beépített tinymce szerkesztőbe, amivel a popupba tudok írni, nem engedi és erre változtatja:<br />
FTP-n keresztül belenéztem a plugin-ba. Kizárólag ezt a fájlt találtam aminek köze van a fent említett "bezáró ikonnak"
```
f
unction xyz_fsp_display()
{
$imgpath=plugins_url()."/full-screen-popup/images/";
$closeimage=$imgpath."close.png";
$dbcloseimage=$imgpath."dbclose.png";
$html=get_option('xyz_fsp_html');
$delay=get_option('xyz_fsp_delay');
$page_count=get_option('xyz_fsp_page_count');
if($page_count==0) $page_count=1;
$mode=get_option('xyz_fsp_mode');
$repeat_interval=get_option('xyz_fsp_repeat_interval');
$repeat_interval_timing=get_option('xyz_fsp_repeat_interval_timing');
if($repeat_interval_timing==1)
{
$repeat_interval=$repeat_interval*60;
}
$z_index=get_option('xyz_fsp_z_index');
$corner_radius=get_option('xyz_fsp_corner_radius');
$border_color=get_option('xyz_fsp_border_color');
$bg_color=get_option('xyz_fsp_bg_color');
$border_width=get_option('xyz_fsp_border_width');
$iframe_option=get_option('xyz_fsp_iframe');
global $wpdb;
ob_flush();
ob_start();
?>
.fsp_content {
display: none;
position: fixed;
_position: fixed;
top:0px;
left:0px;
width: 100%;
height: 100%;
padding: 0;
margin:0;
border: px solid ;
background-color: ;
z-index:;
overflow: hidden;
border-radius:px
}
.fsp_iframe{
width:100%;
height:100%;
border:0;
}
#closediv{
position:absolute;
cursor:pointer;
top: 0px;
right: 0px;
}
Azzal próbálkoztam, hogy a képet kicseréltem (eddig rendben volt) és próbáltam elhelyezni a számomra megfelelő helyre, azonban ezt nem tudtam elhelyezésben egyeztetni az oldal többi tartalmával.
Ha van időd ránézni, akkor a teljes fájlt csatoltam.
Próbáltad html nézetben hagyni és úgy menteni?
Az onclick=“javascript:fsp_hide_lightbox()” rész a fontos.
Bocsi, de mi van akkor, ha csinálsz egy db HTML oldalt, ami pl. egy kép, két gombbal, a gombokon egy egy url hivatkozás; az egyik a főoldalra, a másik az áruházra mutat.
Egyszerűen index.html-nek nevezed el ezt a fájlt, és a végrehajtási sorrend miatt ez hajtódik először végre.
Tudom, egy favágós módszer, de idő- és energiatakarékos.
syska wrote:
Próbáltad html nézetben hagyni és úgy menteni? :)
Az onclick="javascript:fsp_hide_lightbox()" rész a fontos.
Az onclick="javascript:fsp_hide_lightbox()" rész a fontos.
Farkas Győző wrote:
Bocsi, de mi van akkor, ha csinálsz egy db HTML oldalt, ami pl. egy kép, két gombbal, a gombokon egy egy url hivatkozás; az egyik a főoldalra, a másik az áruházra mutat.
Egyszerűen index.html-nek nevezed el ezt a fájlt, és a végrehajtási sorrend miatt ez hajtódik először végre.
Tudom, egy favágós módszer, de idő- és energiatakarékos. :)
Egyszerűen index.html-nek nevezed el ezt a fájlt, és a végrehajtási sorrend miatt ez hajtódik először végre.
Tudom, egy favágós módszer, de idő- és energiatakarékos. :)
Van megoldás arra, hogy maradjon a dinamikus oldalam, csak mondjuk domain.hu/fooldal alatt fusson?
Engedélyezd a következő sort, <!--
--> majd alakítsd át, hogy a CLOSE szöveg helyett kattintható kép jelenjen meg.Samli wrote:
Engedélyezd a következő sort, <!-- --> majd alakítsd át, hogy a CLOSE szöveg helyett kattintható kép jelenjen meg.
Próbáltam, de ha így csinálom akkor különböző felbontásoknál szétesik a "mozaik" kép.
Viszont találtam egy fájlt. "tiny_mce_filters" ami szűri hogy milyen karaktereket használhatok a szerkesztőben, valószínűleg ez nem engedi, hogy az általad is bemásolt sort a szerkesztőbe írjam.
Simán kitöröltem az egészet, de ez semmin nem változtatott, valami ötlet erre?
```
<?php
if(!function_exists('xyz_tinymce_config'))
{
function xyz_tinymce_config( $init )
{
$init = true;
// Pass $init back to WordPress
return $init;
}
add_filter('tiny_mce_before_init', 'xyz_tinymce_config');
}
if(!function_exists('xyz_tinymce_htmledit'))
{
function xyz_tinymce_htmledit($c)
{
$c = str_replace( array('&', '<', '>'), array('&', ''), $c );
$c = wpautop($c);
$c = htmlspecialchars($c, ENT_NOQUOTES);
return $c;
}
add_filter('htmledit_pre', 'xyz_tinymce_htmledit', 999);
}
if(!function_exists('xyz_tinymce_replace'))
{
function xyz_tinymce_replace()
{
?>
if ( typeof(jQuery) != 'undefined' ) {
jQuery('body').bind('afterPreWpautop', function(e, o){
o.data = o.unfiltered
.replace(/caption][caption/g, 'caption] [caption')
.replace(/<object[sS]+?/g, function(a) {
return a.replace(/[rn]+/g, ' ');
});
}).bind('afterWpautop', function(e, o){
o.data = o.unfiltered;
});
}
<?php
}
add_action( 'after_wp_tiny_mce', 'xyz_tinymce_replace' );
}
?>
Qbo wrote:
Ez jól hangzik, én is gondoltam rá. Azonban ..
A domain-ed.hu-ra kattintáskor az index.html (a statikus képes oldal) nyílik meg.
A statikus képes oldal egyik átirányítás az index.php-ra szól, a másik pedig az aldomain/index.php-ra szól.