Konsole einschalten und beim Klicken beobachten.
Expandcontract with IMG_BUTTON
Moderator: Tata
Re: Expandcontract with IMG_BUTTON
Ich meine nicht weiter zu kommen.TypeError: cannot use 'in' operator to search for 'forum_url' in 'event.state'
Nach dem Refresch:
Noch habe ich mit dem Plugin gespielt on onMouseOver/onMouseOut reingegeben. Es funzt aber gar nicht.TypeError: document.body is null
[Learn More]
rancdubina:139:1
TypeError: this.elt is null
[Learn More]
slideshow.js:3:130
TypeError: a is null
[Learn More]
js:89:186
Demo unter http://rancdubina2.cmsimple.sk/de/#Dienstleistungen
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
Re: Expandcontract with IMG_BUTTON
Ich kann es so nachvollziehen, wie es Martin geschrieben hat. Nach einem Refresh der Seite ist der Content da und die Seite kann normal benutzt werden. Vorher ist der Contentbereich vollkommen leer bis auf etwas vom Minicounter:cmb wrote: ↑Mon Feb 19, 2018 3:56 pmHm, bei mir funktioniert die Navigation in Chrome 64.0.3282.167 sofort (also ohne zusätzlichen Refresh). Ich war aber vor ein paar Stunden auf der Seite, und da hat die Navigation auch nicht funktioniert – es schien mir aber, dass die entsprechenden Seiten-Inhalte gar nicht vorhanden waren.
Code: Select all
<div id="content">
<img src="?&minicounter_image" width="1" height="1" style="position: absolute"> </div>
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage
Re: Expandcontract with IMG_BUTTON
Benutze :focus
Code: Select all
.expand_button button[type=submit]:focus, /* das hinzu */
.expand_button button[type=submit]:hover {
border: 2px solid orange;
}
.expand_button button[type=submit]:focus div.title, /* das hinzu */
.expand_button button[type=submit]:hover div.title {
background: orange;
color: #000;
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage
Re: Expandcontract with IMG_BUTTON
Den onMouseOver Trick habe ich durch stylesheet ersetzt:
So ist nur ein Bild im expandcontract Plugin gerufen (orange):
"focus" hat bei mir keine Wirkung.
minicounter habe ich auch aus allen Templates rausgenommen. Auch ohne Wirkung (wenigstens soweit).
themeswitcher ist auch raus. Auch ohne Wirkung.
Code: Select all
.expand_button button[type=submit] img{
width: 100%;
-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 1;
}
.expand_button button[type=submit]:hover img{
width: 100%;
-webkit-filter: hue-rotate(355deg); filter: hue-rotate(355deg); opacity: 1;
}
Code: Select all
/*** Mod by Tata ***/
} elseif ($useimages) {
$o .= '<form method="post" class="expand_button" action="?' . $u[$value] . $js . '">';
$o .= '<button type="submit" value="';
$o .= $linktext? $linktext : $h[$value];
$o .= '">
<img src="'.$pth['folder']['images']. $h[$value] .'.png">
<br>
<div class="title">' . $h[$value] .'</div></button>
</form>';
minicounter habe ich auch aus allen Templates rausgenommen. Auch ohne Wirkung (wenigstens soweit).
themeswitcher ist auch raus. Auch ohne Wirkung.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
Re: Expandcontract with IMG_BUTTON
Wie ich sehe, hast du :focus eingebaut und es funktioniert auch. Auch die Seite lädt normal, wie sie soll, zumindest bei mir.
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage
Re: Expandcontract with IMG_BUTTON
Bei mir wird die graue Farbe zu orange geändert beim "hover". Dann wird sie wieder grau. Ich meinte die Farbe orange zu halten bis die verlikte Seite aktiv ist.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
Re: Expandcontract with IMG_BUTTON
My previous idea is almost completely finished. The results are visible here:
http://rancdubina.cmsimple.sk/?Fotogaleria#content or
http://rancdubina.cmsimple.sk/?Dalsie-sluzby#content
But there are still things I don't understand.
An exact copy is made at http://rdtest.cmsimple.sk and here everything look as expected.
1. On my localhost looks the result like this: on the host, hovever as if the stylesheet is not evaluated 2. As shown on localhost - I can't fond the way of correct styling - see the last button
3. There is used $h[$value] in
The trick is that the images MUST have exact the same name as the relevant pages. But in some cases (because of eastern characters), the page names used for the images names are not accepted. The names of pages are unencoded in URL. But I can't find the way how to make it, that the images names would also used the exact page names from the URL. E.g.:
The page Červená Karkuľka is encoded to Cervena-Karkulka. It works if I give the names without accents etc. both to the pages and images (even without spaces or dashes). But having the page names without those eastern specifics may be confusing.
I have also found thet the value
If interested, have a look on my mod (respective userfiles/images/expand_icons included).
EDIT:
Suddenly, after 2-3 deletion of both subdomains and new uploads, problem Nr. 1 is gone. But I haven't found any solution for remaining problem 2-3. I am sure there should be a way how to apply $tx['urichar']['new']/['org'] to $h[$value].
http://rancdubina.cmsimple.sk/?Fotogaleria#content or
http://rancdubina.cmsimple.sk/?Dalsie-sluzby#content
But there are still things I don't understand.
An exact copy is made at http://rdtest.cmsimple.sk and here everything look as expected.
1. On my localhost looks the result like this: on the host, hovever as if the stylesheet is not evaluated 2. As shown on localhost - I can't fond the way of correct styling - see the last button
3. There is used $h[$value] in
Code: Select all
...
} elseif ($useimages) {
$o .= '<form method="post" class="expand_button_image" action="?' . $u[$value] . $js . '">';
$o .= '<button type="submit" value="';
$o .= $linktext? $linktext : $h[$value];
$o .= '">
<img height="'.$limitheight.'" width="'.$limitheight.'" src="'.$pth['folder']['images'].'expand_icons/'. $h[$value] .'.jpg">
<br>
<div class="title">' . $h[$value] .'</div></button>
</form>';
The page Červená Karkuľka is encoded to Cervena-Karkulka. It works if I give the names without accents etc. both to the pages and images (even without spaces or dashes). But having the page names without those eastern specifics may be confusing.
I have also found thet the value
is also not evaluated correctly.$limitheight
If interested, have a look on my mod (respective userfiles/images/expand_icons included).
EDIT:
Suddenly, after 2-3 deletion of both subdomains and new uploads, problem Nr. 1 is gone. But I haven't found any solution for remaining problem 2-3. I am sure there should be a way how to apply $tx['urichar']['new']/['org'] to $h[$value].
You do not have the required permissions to view the files attached to this post.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
Re: Expandcontract with IMG_BUTTON
It is not exactlz the solution I wanted. But it works at leas on a specific Webpage pretty well.
Changing the part in index.php
Now the PageTitle is checked and the first word is kept in
Let say - I would have 5 albums of 5 various weddings. Having the icon "Wedding.jpg", each PageTitle beginning with "Wedding" will get the same icon.
Or, if I want to use a thumbnail as an icon, I must name this thumbnail after the first word from the PageTitle.
Still, remains the problem with some characters and correct styling of the titles below the expand-icons (to keep the max-width of the images).
Changing the part in index.php
Code: Select all
} elseif ($useimages) {
$page_title = $h[$value];
$icon = explode(' ',trim($h[$value]))[0];
$o .= '<form method="post" class="expand_button_image" action="?' . $u[$value] . $js . '">';
$o .= '<button type="submit" value="';
$o .= $linktext? $linktext : $h[$value];
$o .= '">
<img height="'.$limitheight.'" width="'.$limitheight.'" src="'.$pth['folder']['images'].'expand_icons/'. $icon .'.jpg">
<br>
<div class="title">' . $h[$value] .'</div></button>
</form>';
and used in image tag. So - used for a photogallery it means that I need to prepare an icon with a specific one-word name and use this name as the first Word in PageTitle.$icon
Let say - I would have 5 albums of 5 various weddings. Having the icon "Wedding.jpg", each PageTitle beginning with "Wedding" will get the same icon.
Or, if I want to use a thumbnail as an icon, I must name this thumbnail after the first word from the PageTitle.
Still, remains the problem with some characters and correct styling of the titles below the expand-icons (to keep the max-width of the images).
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
Re: Expandcontract with IMG_BUTTON
Hopefully finished. If you have any comments/hints/suggestion, everything is warmly welcome.
Tips:
1. Create hidden subpages as usual with expandcontract plugins.
2. Create a class img.icon in your stylesheet.
3. Some icons are included in the archive in usersfiles/images/excpand_icons. Also some demo picture-icons.
4. Use the plugin as usual (there are options: link | button | image) in plugin configuration.
5. See how the icons are named - they must correspond to the first word in the subpage title. The plugin reads the subpage title and looks for the icon identica with the first word.
E.g. The subpage title is Sport blablablabla, plugin thus look for the icon Sport.jpg
That shall be all, though. If I missed something, let me know. DEMO
Tips:
1. Create hidden subpages as usual with expandcontract plugins.
2. Create a class img.icon in your stylesheet.
3. Some icons are included in the archive in usersfiles/images/excpand_icons. Also some demo picture-icons.
4. Use the plugin as usual (there are options: link | button | image) in plugin configuration.
5. See how the icons are named - they must correspond to the first word in the subpage title. The plugin reads the subpage title and looks for the icon identica with the first word.
E.g. The subpage title is Sport blablablabla, plugin thus look for the icon Sport.jpg
That shall be all, though. If I missed something, let me know. DEMO
You do not have the required permissions to view the files attached to this post.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.