Tekst popup

Super User Tekst popup 28. januar 2025 Visninger: 24

HTML Content

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Open HTML-content

Her følger teksten.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna. Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus.

Koden er her.

<div class="highslide-body">
	<div>
	<script type="text/javascript">
		hs.outlineType = 'rounded-white';
		hs.showCredits = false;
		hs.wrapperClassName = 'draggable-header';
	</script>
	<!--
	3) Mark up the main content like this to use a self rendering content 
	wrapper with inline main content. The content is grabbed from the first subsequent
	div with a class name of .highslide-maincontent.
--> <a href="/index.htm" onclick="return hs.htmlExpand(this, { headingText:
 'Overskrift' })"> Open HTML-content </a>
	<div class="highslide-maincontent">Her følger teksten.Lorem ipsum dolor 
	sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. 
	In lectus. Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris.
	 Suspendisse condimentum mi ac tellus. Pellentesque habitant morbi 
	 tristique senectus et netus et malesuada fames ac turpis egestas. 
	 Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. 
	 Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, 
	 quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna. 
	 Aliquam vitae nisl. Quisque imperdiet semper justo.
	  Pellentesque nonummy pretium tellus.</div>
</div>

--------------------------------------------------------------------------------------------------------

AJAX Content Intro

Kode:

<h3 id="ajax-content"><a href="/power.basjoo/images/kategorier/kassen/joomla-hs/ajax.htm#intro"
 class="highslide" onclick="return hs.htmlExpand(this,{align: 'auto', anchor: 
 'auto', easing: 'easeInQuad', easingClose: 'easeInQuad', fadeInOut: false, 
 outlineWhileAnimating: true, outlineType: 'rounded-white', wrapperClassName: 
 'highslide-white', hsjcontent: '%0A', width: 400, objectType: 'ajax'})"
 >AJAX Content</a>    Intro</h3>

----------------------------------------------------------------------------------------

Dynamic AJAX dynamic

koden er her:

<h3 id="dynamic-ajax&;"><a href="/power.basjoo/images/kategorier/kassen/joomla-hs/
 ajax.htm#dynamic" class="highslide" onclick="return hs.htmlExpand(this,
 {align: 'auto', anchor: 'auto', easing: 'easeInQuad', easingClose: 'easeInQuad'
 , fadeInOut: false, outlineWhileAnimating: true, outlineType: 'rounded-white', 
 wrapperClassName: 'highslide-white', hsjcontentstyle: 'width: 400px;', 
 objectType: 'ajax', preserveContent: true, overlayId: 'my-overlaytext',
  customOverlay: { useOnHtml: true, position: 'top right', opacity: 1 }})"
  >Dynamic AJAX</a>    dynamic</h3>

------------------------------------------------------------------------------------------------------------------------------------

Scrolling HTML Content Ajax

Koden er her:

<h3 id="scrolling-html-content"><a href="/power.basjoo/images/kategorier/kassen/joomla-hs/
   Included_content.htm" class="highslide" onclick="return hs.htmlExpand(this,
   {outlineType: 'rounded-white', contentId: 'html-id-2', hsjcontent:
    '%3Cdiv%20style%3D%22border-bottom%3A%201px%20solid%20silver%3B%20padding%3A%205
px%3B%20
height%3A%2020px%3B%22%3E%0A%3Ca%20href%3D%22%23
%22%20onclick%3D%22return%20hs.
    close%28this%29%22%20class%3D%22control%22%3E%7B
hs.lang.closeText%7D%3C/a%3E%0A%3Ca%20href%3D%22%23%22%20
onclick%3D%22return%20false%22%20class%3D%22
    highslide-move%20control%22%3E%7Bhs.lang.moveText%7D%3C/a%3E%0A%3C
    /div%3E%0A%3Cdiv%20class%3D%22highslide-body%22%20style%3D%22padding
    %3A%2010px%3B%22%3E%3C/div%3E%0A%3Cdiv%20style%3D%22border-top%3A%201px%20
    solid%20silver%3B%20text-align%3A%20center%3B%22%20%3E%3C/small%3E%0A%3C/
    div%3E%0A', hsjcontentstyle: 'padding: 15px; width: 1000px;', objectType: 
    'ajax', cacheAjax: false})">Scrolling HTML Content</a>  Ajax</h3>

----------------------------------------------------------------------------------------------------------------------------------

Do the same operation for the Thumbnail Image URL to specify your thumbnail image. TIP

----------------------------------------------------------------------------------------------------------------------------------------------------

Click to open MED AJAX

Koden er her:

<p><a class="highslide" href="/power.basjoo/images/kategorier/kassen/hs-ekstra/include/
  include-short.htm" onclick="return hs.htmlExpand(this,
   { objectType: 'ajax'})"> Click to open   </a> MED AJAX</p>

-------------------------------------------------------------------------------

Click to open med Iframe

Koden er her:

----------------------------------------------------------------------------------------------------

Click to open Ajax med stylet html i popuppen