Ciao a tutti,
con l'aiuto di <a
href=memberlist.php?mode=viewprofile&u=9339>onoehring</a> ho preparato questo codice to place informational text (and not only text) at the top of a page:
Visto che nella pagina generata con il mio codice apariva un misterioso pulsante "invia" ho aggiunto nello style della pagina il codice
input#EnterAction {visibility: hidden !important;}
in modo da farlo sparire (in relazione a ciò please make sure, that other stuff in your application works. The button might be needed for something else).
Ecco qui il codice:
case 'detailview':
$header='<%%HEADER%%>
<div class="col-lg-offset-0 col-lg-12" >
<div class="alert alert-danger">
<style>
#expand {display: none;}
input#EnterAction {visibility: hidden !important;}
</style>
<p><span id="less"></span><span id="expand">Put here text/html content.. for example: <img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">
</span></p>
<button onclick="myFunction()" id="expandBtn">Give a name to this button</button>
<script>
function myFunction() {
var less = document.getElementById("less");
var moreText = document.getElementById("expand");
var btnText = document.getElementById("expandBtn");
if (less.style.display === "none") {
less.style.display = "inline";
btnText.innerHTML = "Give a name to this button";
moreText.style.display = "none";
} else {
less.style.display = "none";
btnText.innerHTML = "hide";
moreText.style.display = "inline";
}
}
</script>
</div></div>';
break;
place informational text (and not only text) at the top of apage
place informational text (and not only text) at the top of a page with "read more/read less" option
Sorry... I forget to translate the previous post.
Hi everyone,
with the help of onoehring ( memberlist.php?mode=viewprofile&u=9339 ) I have prepared this code to place informational text (and not only text) at the top of a page:
Since in the page generated with my code a mysterious "send" button appeared I added the code in the page style
input # EnterAction {visibility: hidden! important;}
in order to make the mysterious send button disappear (in relation to this please make sure, that other stuff in your application works. The button might be needed for something else).
this is the header when the page opens:
and this is the header once the button is pressed (to expand the content). By pressing the button again it is possible to compress the content and return to the initial view.
The text of the buttons can be customized
Here is the code:
case 'detailview':
$header='<%%HEADER%%>
<div class="col-lg-offset-0 col-lg-12" >
<div class="alert alert-danger">
<style>
#expand {display: none;}
input#EnterAction {visibility: hidden !important;}
</style>
<p><span id="less"></span><span id="expand">Put here text/html content.. for example: <img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">
</span></p>
<button onclick="myFunction()" id="expandBtn">Give a name to this button</button>
<script>
function myFunction() {
var less = document.getElementById("less");
var moreText = document.getElementById("expand");
var btnText = document.getElementById("expandBtn");
if (less.style.display === "none") {
less.style.display = "inline";
btnText.innerHTML = "Give a name to this button";
moreText.style.display = "none";
} else {
less.style.display = "none";
btnText.innerHTML = "hide";
moreText.style.display = "inline";
}
}
</script>
</div></div>';
break;
Hi everyone,
with the help of onoehring ( memberlist.php?mode=viewprofile&u=9339 ) I have prepared this code to place informational text (and not only text) at the top of a page:
Since in the page generated with my code a mysterious "send" button appeared I added the code in the page style
input # EnterAction {visibility: hidden! important;}
in order to make the mysterious send button disappear (in relation to this please make sure, that other stuff in your application works. The button might be needed for something else).
this is the header when the page opens:
and this is the header once the button is pressed (to expand the content). By pressing the button again it is possible to compress the content and return to the initial view.
The text of the buttons can be customized
Here is the code:
case 'detailview':
$header='<%%HEADER%%>
<div class="col-lg-offset-0 col-lg-12" >
<div class="alert alert-danger">
<style>
#expand {display: none;}
input#EnterAction {visibility: hidden !important;}
</style>
<p><span id="less"></span><span id="expand">Put here text/html content.. for example: <img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">
</span></p>
<button onclick="myFunction()" id="expandBtn">Give a name to this button</button>
<script>
function myFunction() {
var less = document.getElementById("less");
var moreText = document.getElementById("expand");
var btnText = document.getElementById("expandBtn");
if (less.style.display === "none") {
less.style.display = "inline";
btnText.innerHTML = "Give a name to this button";
moreText.style.display = "none";
} else {
less.style.display = "none";
btnText.innerHTML = "hide";
moreText.style.display = "inline";
}
}
</script>
</div></div>';
break;
Re: place informational text (and not only text) at the top of apage
Hi Fabiano,
thanks for the tip.
PS: Thread this was asked was viewtopic.php?f=7&p=10777&sid=97c500148 ... 553#p10777
Olaf
thanks for the tip.
PS: Thread this was asked was viewtopic.php?f=7&p=10777&sid=97c500148 ... 553#p10777
Olaf
Some postings I was involved, you might find useful:
SingleEdit - Prevent concurrent edits on records; Field Permissions; Column-Value-Based-Permissions; Custom (error) message; Audit Log; Backup your database; Two Factor Authentication; Block brute force (failed) logins; Add 2nd SAVE CHANGES button; Place a search on details view
SingleEdit - Prevent concurrent edits on records; Field Permissions; Column-Value-Based-Permissions; Custom (error) message; Audit Log; Backup your database; Two Factor Authentication; Block brute force (failed) logins; Add 2nd SAVE CHANGES button; Place a search on details view