Antwort
 
LinkBack Themen-Optionen Thema bewerten Ansicht
  #1  
Alt 30.12.06, 14:17
Forum Zuschauer
 
Registriert seit: 30.12.06
Beiträge: 4

POPUP Fenster/Click-to-enlarge HowTo?


Hallo zusammen,

ich versuche gerade in Templavoila bestimmte Bilder mit einen Link zu erweitern, nach anklicken der Grafik soll sich ein neues Popup Fenster öffnen und das Bild in voller Größe ausgegeben werden.

Habe schon einiges ausprobiert aber irgendwie komme ich nicht weiter. Eigentlich ist das ziemlich simpel aber in TemplaVoila funktioniert der bekannte Ansatz nicht (onclick="javascript:window.open usw.).

Durch meine Recherchen bin ich auf verschieden Ansetze gestoßen, wollte anhand dieser Beschreibung (siehe unter „Click-to-enlarge in Flexible Content Element“ http://wiki.typo3.org/index.php/Temp...iple_languages) das dazugehörige DS zu erweitern, leider auch ohne Erfolg.

Hat vielleicht jemand eine Idee oder einen heißen Tipp wo ich noch nachscheuen könnte? Eine allgemeine Hilfestellung würde mich schon weiterbringen.

Für eure Unterstützung danke ich schon im Voraus.

Viele Grüße.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #2  
Alt 01.01.07, 13:32
TYPO3 Forum Team
Moderator
 
Registriert seit: 01.12.05
Ort: Kiel
Alter: 39
Beiträge: 2.086
Armin eine Nachricht über ICQ schicken Armin eine Nachricht über Skype™ schicken

moin,

wie sieht denn dein DS aus?

Armin
__________________
Nichts kommt von selbst, sogar eine Dummheit muss man erst machen.

Tipps und Tricks zu TYPO3: http://typo3.intervation.de
Agentur: Ideenwerft Werbeagentur
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #3  
Alt 01.01.07, 14:05
Forum Zuschauer
 
Registriert seit: 30.12.06
Beiträge: 4

Hallo Armin,

Dir und der gesamten Typo3 Community, ein frohes neues Jahr 2007!

So sieht mein DS aus:

Code:
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<T3DataStructure>
	<ROOT type="array">
		<tx_templavoila type="array">
			<title>ROOT</title>
			<description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
		</tx_templavoila>
		<type>array</type>
		<el type="array">
			<field_ce_header type="array">
				<tx_templavoila type="array">
					<title>Header</title>
					<description>Header</description>
					<sample_data type="array">
						<numIndex index="0">Header</numIndex>
					</sample_data>
					<eType>input_h</eType>
				</tx_templavoila>
				<TCEforms type="array">
					<config type="array">
						<type>input</type>
						<size>48</size>
						<eval>trim</eval>
					</config>
					<label>Header</label>
				</TCEforms>
			</field_ce_header>
			<field_ce_content type="array">
				<tx_templavoila type="array">
					<title>Content</title>
					<description>Content</description>
					<sample_data type="array">
						<numIndex index="0">Content</numIndex>
					</sample_data>
					<eType>rte</eType>
					<TypoScript>
&lt;![CDATA[
	10 = TEXT
	10.current = 1
	10.parseFunc = &lt; lib.parseFunc_RTE
]]&gt;
							</TypoScript>
					<proc type="array">
						<HSC type="integer">0</HSC>
					</proc>
				</tx_templavoila>
				<TCEforms type="array">
					<config type="array">
						<type>text</type>
						<cols>48</cols>
						<rows>5</rows>
					</config>
					<defaultExtras>richtext[*]:rte_transform[flag=rte_enabled|mode=ts_css]</defaultExtras>
					<label>Content</label>
				</TCEforms>
			</field_ce_content>
			
	<field_ce_img type="array">
                <tx_templavoila type="array">
                    <title>miniteaser image</title>
                    <sample_data type="array">
                        <numIndex index="0"></numIndex>
                    </sample_data>
                    <eType>image</eType>
                 <TypoScript><![CDATA[
                      10 = IMAGE
                      10.altText.field = field_alttext
                      10.titleText.field = field_titletext
                      10.file.import = uploads/tx_templavoila/
                      10.file.import.current = 1
                      10.file.import.listNum = 0
                      10.file.width.field = field_imagewidth
                      10.file.height.field = field_imageheight  
                      10.stdWrap.typolink.parameter.field = field_link]]>
	            </TypoScript>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>file</internal_type>
                        <allowed>gif,png,jpg,jpeg</allowed>
                        <max_size>1000</max_size>
                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                        <show_thumbs>1</show_thumbs>
                        <size>1</size>
                        <maxitems>1</maxitems>
                        <minitems>0</minitems>
                    </config>
                    <label>miniteaser image</label>
                </TCEforms>
            </field_ce_img>
                      
 <field_link type="array">
                <type>attr</type>
                <tx_templavoila type="array">
                    <title>linktext</title>
                    <sample_data type="array">
                        <numIndex index="0"></numIndex>
                    </sample_data>
                    <eType>link</eType>
                    <TypoScript><![CDATA[
                      10 = TEXT
                      10.typolink.typolink.parameter.field = field_link]]>
                    </TypoScript>
                    <proc type="array">
                        <HSC type="integer">1</HSC>
                    </proc>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>input</type>
                        <size>15</size>
                        <max>256</max>
                        <checkbox></checkbox>
                        <eval>trim</eval>
                        <wizards type="array">
                            <_PADDING type="integer">2</_PADDING>
                            <link type="array">
                                <type>popup</type>
                                <title>Link</title>
                                <icon>link_popup.gif</icon>
                                <script>browse_links.php?mode=wizard</script>
                                <JSopenParams>height=300,width=500,status=0,menubar=0,scrollbars=1</JSopenParams>
                            </link>
                        </wizards>
                    </config>
                    <label>image link</label>
                </TCEforms>
            </field_link>
            <field_imageheight type="array">
                <tx_templavoila type="array">
                    <title>height</title>
                    <sample_data type="array">
                        <numIndex index="0"></numIndex>
                    </sample_data>
                    <eType>input</eType>
                    <proc type="array">
                        <HSC type="integer">1</HSC>
                    </proc>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>input</type>
                        <size>4</size>
                        <eval>int</eval>
                        <checkbox>0</checkbox>
                        <range type="array">
                          <upper>400</upper>
                          <lower>0</lower>
                        </range>
                        <default>0</default>
                    </config>
                    <label>height</label>
                </TCEforms>
            </field_imageheight>
            <field_imagewidth type="array">
                <tx_templavoila type="array">
                    <title>width</title>
                    <sample_data type="array">
                        <numIndex index="0"></numIndex>
                    </sample_data>
                    <eType>input</eType>
                    <proc type="array">
                        <HSC type="integer">1</HSC>
                    </proc>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>input</type>
                        <size>4</size>
                        <eval>int</eval>
                        <checkbox>0</checkbox>
                        <range type="array">
                          <upper>300</upper>
                          <lower>0</lower>
                        </range>
                        <default>0</default>
                    </config>
                    <label>width</label>
                </TCEforms>
            </field_imagewidth>

            <field_alttext type="array">
	<tx_templavoila type="array">
		<title>Alt-Text</title>
		<sample_data type="array">
			<numIndex index="0"></numIndex>
		</sample_data>
		<eType>input</eType>
		<proc type="array">
			<HSC type="integer">1</HSC>
		</proc>
	</tx_templavoila>
	<TCEforms type="array">
		<config type="array">
			<type>input</type>
			<size>48</size>
			<eval>trim</eval>
		</config>
		<label>Alt-Text</label>
	</TCEforms>
</field_alttext>

             <field_titletext type="array">
	<tx_templavoila type="array">
		<title>Title-Text</title>
		<sample_data type="array">
			<numIndex index="0"></numIndex>
		</sample_data>
		<eType>input</eType>
		<proc type="array">
			<HSC type="integer">1</HSC>
		</proc>
	</tx_templavoila>
	<TCEforms type="array">
		<config type="array">
			<type>input</type>
			<size>48</size>
			<eval>trim</eval>
		</config>
		<label>Title-Text</label>
	</TCEforms>
</field_titletext>
           
		</el>
	</ROOT>
</T3DataStructure>
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #4  
Alt 01.01.07, 14:25
Benutzerbild von bolshi
Forum Stammgast
 
Registriert seit: 21.07.06
Ort: Berlin
Beiträge: 128
bolshi eine Nachricht über Skype™ schicken

Hi,
probier mal folgendes:

Code:
10.imageLinkWrap = 1
10.imageLinkWrap {
bodyTag = <body style="background-color:#fff;">
wrap = <a href="javascript:close();"> | </a>
width = 800m
height = 600m
#or whatever
effects=
JSwindow = 1
JSwindows {
     newWindow = 0
     expand = 17,20
}
enable = 1
typolink.parameter.field=image_link
typolink.extTarget = _blank
Viele Grüße, Ingo
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #5  
Alt 01.01.07, 15:36
Forum Zuschauer
 
Registriert seit: 30.12.06
Beiträge: 4

Hallo Ingo,

danke Dir für den Tipp! Jetzt geht der Thumbnail in einem neuen Fenster auf (Browserfenster mit Adressenzeile, ein blankes Popup Fenste wäre mir lieber ), das Originalbild wird in voller Größe leider noch nicht angezeigt. Muss ich an deinen Codesnipsel noch was anpassen? oder habe ich es an falsche Stelle eingefügt?

Code:
<field_ce_img type="array">
                <tx_templavoila type="array">
                    <title>miniteaser image</title>
                    <sample_data type="array">
                        <numIndex index="0"></numIndex>
                    </sample_data>
                    <eType>image</eType>
                 <TypoScript><![CDATA[
                      10 = IMAGE
                      10.altText.field = field_alttext
                      10.titleText.field = field_titletext
                      10.file.import = uploads/tx_templavoila/
                      10.file.import.current = 1
                      10.file.import.listNum = 0
                      10.file.width.field = field_imagewidth
                      10.file.height.field = field_imageheight  
                      10.stdWrap.typolink.parameter.field = field_link
                       
                     10.imageLinkWrap = 1
                     10.imageLinkWrap {
                     bodyTag = <body style="background-color:#fff;">
                     wrap = <a href="javascript:close();"> | </a>
                     width = 800m
                     height = 600m
                     #or whatever
                     effects=
                     JSwindow = 1
                     JSwindows {
                     newWindow = 0
                     expand = 17,20
                     }
                     enable = 1
                     typolink.parameter.field= field_link
                     typolink.extTarget = _blank]]>
	            </TypoScript>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>file</internal_type>
                        <allowed>gif,png,jpg,jpeg</allowed>
                        <max_size>1000</max_size>
                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                        <show_thumbs>1</show_thumbs>
                        <size>1</size>
                        <maxitems>1</maxitems>
                        <minitems>0</minitems>
                    </config>
                    <label>miniteaser image</label>
                </TCEforms>
            </field_ce_img>
                      
 <field_link type="array">
                <type>attr</type>
                <tx_templavoila type="array">
                    <title>linktext</title>
                    <sample_data type="array">
                        <numIndex index="0"></numIndex>
                    </sample_data>
                    <eType>link</eType>
                    <TypoScript><![CDATA[
                      10 = TEXT
                      10.typolink.typolink.parameter.field = field_link]]>
                    </TypoScript>
                    <proc type="array">
                        <HSC type="integer">1</HSC>
                    </proc>
                </tx_templavoila>
                <TCEforms type="array">
                    <config type="array">
                        <type>input</type>
                        <size>15</size>
                        <max>256</max>
                        <checkbox></checkbox>
                        <eval>trim</eval>
                        <wizards type="array">
                            <_PADDING type="integer">2</_PADDING>
                            <link type="array">
                                <type>popup</type>
                                <title>Link</title>
                                <icon>link_popup.gif</icon>
                                <script>browse_links.php?mode=wizard</script>
                                <JSopenParams>height=300,width=500,status=0,menubar=0,scrollbars=1</JSopenParams>
                            </link>

THX!
LG
Martin
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #6  
Alt 03.01.07, 16:43
Forum Zuschauer
 
Registriert seit: 30.12.06
Beiträge: 4

Hallo zusammen,

nach kleinen DS Modifikationen öffnet sich jetzt das Popup Fenster wie gewollt, es gibt noch folgende Probleme:

1. In IE7 wird noch ein Adresszeile ausgegeben (in IE6 und Firefox kommt ein richtiges Popup Fenster ohne Adresszeile und Co.) und trotzt richtigen Werten für die Breite und Höhe wird das Fenster falsch dargestellt, ist zu breit.

2. Das große Bild wird nicht angezeigt, im Popup Fenster erscheint immer noch das kleine Thumbnail von der Seite, im Backend ist ein entsprechendes Bild ausgewählt und richtig verlinkt.

Muss ich noch ein extra Template für das Popup Fenster erstellen, oder wird das automatisch von Typo3 generiert? und wo kann ich die Fensterposition ändern, gibt es so was wie X, Y Koordinaten?

THX!

LG
Martin

So sieht jetzt mein DS aus:

Code:
<TypoScript><![CDATA[
                      10 = IMAGE
                      10.altText.field = field_alttext
                      10.titleText.field = field_titletext
                      10.file.import = uploads/tx_templavoila/
                      10.file.import.current = 1
                      10.file.import.listNum = 0
                      10.file.width.field = field_imagewidth
                      10.file.height.field = field_imageheight  
                      10.stdWrap.typolink.parameter.field = field_link

                      10.imageLinkWrap = 1
                      10.imageLinkWrap {
                       bodyTag =  <body bgColor=white leftmargin="0" topmargin="0"
                       marginwidth="0" marginheight="0">
                      wrap = <a href="javascript:close();"> | </a>
                      width = 350m
                      height = 500m
                      
                      effects=
                      JSwindow = 1
                      JSwindows.newWindow = 0
                      JSwindows.newWindow.expand = 20,50
             
                      enable = 1
                      typolink.parameter.field=image_link
                      typolink.extTarget = _blank
                      } ]]>
 </TypoScript>
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #7  
Alt 07.01.07, 18:54
Benutzerbild von bolshi
Forum Stammgast
 
Registriert seit: 21.07.06
Ort: Berlin
Beiträge: 128
bolshi eine Nachricht über Skype™ schicken

Bei mir geht's!. Hab' mich an folgende Beschreibung gehalten:
http://wiki.typo3.org/index.php/Temp...ontent_Element
Allerdings bekomme ich das sich öffnende Bild nicht in den entsprechenden Maßen bzw. an der entsperchenden x,y-Position geöffnet. Bin für jeden Rat dankbar.



Grüße, Ingo

Geändert von bolshi (07.01.07 um 19:01 Uhr).
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Gelöst Click Enlarge unterschlägt / sparzl TYPO3 4.x Fragen und Probleme 2 08.02.08 15:54
Gifbuilder & Click Enlarge codeman TYPO3 4.x Fragen und Probleme 1 22.01.07 10:50
tt_products: click-enlarge aur tt_products 2 06.12.06 12:28
click-enlarge: Fenster soll Scrollbalken haben ThomasB TYPO3 4.x Fragen und Probleme 0 26.11.06 21:01
FCE Images mit click-enlarge GeorgeDorn TYPO3 4.x Fragen und Probleme 1 10.05.06 23:44


Alle Zeitangaben in WEZ +1. Es ist jetzt 11:14 Uhr.


Powered by vBulletin® Version 3.7.3 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.1.0