NAVIGATION
This shows you the differences between two versions of the page.
|
deutsch:phpwcms-system:artikel:contentparts:formular:spezielle-anwendungen:contentpart-im-formular [2009/08/29 11:26] Knut Heermann (flip-flop) created |
deutsch:phpwcms-system:artikel:contentparts:formular:spezielle-anwendungen:contentpart-im-formular [2018/06/03 18:08] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | {{indexmenu_n>500}} | + | {{indexmenu_n>510}} |
| - | ====== Contentpart im Formular ====== | + | ====== CP Bilder <div> im Formular ====== |
| - | **Contentpart in einem Formular ausführen und Input-Daten generieren und versenden.** \\ | + | **Contentpart in einem Formular ausführen und Input-Daten generieren, (manipulieren) und versenden.** \\ |
| - | Ein Contentpart, hier z.B. //Bilder <div>//, soll Daten zu jedem Bild an ein Formular übergeben. Der aktive, vom Benutzer bedienbare Teil ist in diesem Beispiel eine einfaches Kontrollkästchen. Der passive Teil übergibt Bildparameter zum jeweiligen Bild. | + | Das ist bisher mit array-fähigen Feldern möglich wie **checkbox** und **select** //(im multiple-Modus)//. |
| + | |||
| + | <note tip> | ||
| + | **Manipuliert** werden die eingegebene Daten mit einer Funktion im /frontend_init/ -Ordner. \\ | ||
| + | Siehe dazu: [[http://code.google.com/p/phpwcms/issues/detail?id=131|RT available in form generated E-Mail]] (Verfügbar seit [[http://code.google.com/p/phpwcms/source/detail?r=282|r282]]) | ||
| + | </note> | ||
| + | |||
| + | Ein Contentpart, hier z.B. //Bilder <div>//, soll Daten zu jedem Bild an ein Formular übergeben. Der aktive, vom Benutzer bedienbare Teil ist in diesem Beispiel eine einfaches Kontrollkästchen //(checkbox)//. Der passive Teil übergibt Bildparameter zum jeweiligen Bild. | ||
| Diese Datensammlung wird bei submit in einer eMail versendet. \\ | Diese Datensammlung wird bei submit in einer eMail versendet. \\ | ||
| Line 24: | Line 31: | ||
| ---- | ---- | ||
| - | FIXME | + | ==== FE Ein/Ausgabe ==== |
| + | |||
| + | **Das wird gesendet:** | ||
| + | |||
| + | {{:deutsch:andere-erweiterungen:formular:fe_form_show_content_checkbox01.gif|}} | ||
| + | |||
| + | **Das wird empfangen:** | ||
| + | <code> | ||
| + | Hallo Sir-Oblong-Fitz-Oblong mit der e-Mail: Sir-Oblong-Fitz-Oblong@example.com | ||
| + | |||
| + | Ergänzungstext: | ||
| + | ------------------------------ | ||
| + | Der Text | ||
| + | in drei | ||
| + | Zeilen | ||
| + | ------------------------------ | ||
| + | |||
| + | Bilder bestellen: | ||
| + | ------------------------------ | ||
| + | 3-img_4533_800x600.jpg, 29-liegestuhl_michaela_640x480.jpg | ||
| + | ------------------------------ | ||
| + | |||
| + | |||
| + | Das war´s - Danke. | ||
| + | |||
| + | </code> | ||
| + | |||
| + | |||
| + | \\ | ||
| + | |||
| + | ==== BE Contentpart Formular ==== | ||
| + | |||
| + | Vom Prinzip her ist es eine ganz normale Vorlage, die einfach nur die Daten durch einen CP "untergeschoben" bekommt. | ||
| + | |||
| + | Entscheidend ist die Namensgleichheit des angelegten Feldes und des Input-Bereichs im Template des CPs. //(hier Bilder)//. | ||
| + | |||
| + | * Das Feld wird angelegt | ||
| + | * In der FE-Vorlage taucht das Feld nicht auf (//dafür ist hier der CP zuständig)//. | ||
| + | * In der Empfänger-Vorlage wird das Feld eingesetzt | ||
| + | |||
| + | {{:deutsch:andere-erweiterungen:formular:be_form_show_content_checkbox01.gif|}} | ||
| + | |||
| + | |||
| + | <code html| Empfänger-Vorlage| > | ||
| + | Hallo {name} mit der e-Mail: {eMail} | ||
| + | |||
| + | Ergänzungstext: | ||
| + | ------------------------------ | ||
| + | {ergaenzung} | ||
| + | ------------------------------ | ||
| + | |||
| + | Bilder bestellen: | ||
| + | ------------------------------ | ||
| + | {Bilder} | ||
| + | ------------------------------ | ||
| + | |||
| + | |||
| + | Das war´s - Danke. | ||
| + | </code> | ||
| + | |||
| + | <code html Vorlage: > | ||
| + | <div> | ||
| + | <div>{ERROR:name}{LABEL:name}: </div>{name} | ||
| + | <div>{ERROR:eMail}{LABEL:eMail}: </div>{eMail} | ||
| + | <div>{ERROR:ergaenzung}{LABEL:ergaenzung}: </div>{ergaenzung} | ||
| + | <div>{submIt}{resetIt}</div> | ||
| + | </div> | ||
| + | |||
| + | <div>{SHOW_CONTENT:CP,50}</div> | ||
| + | </code> | ||
| + | |||
| + | |||
| + | |||
| + | \\ | ||
| + | |||
| + | ==== BE Contentpart Bilder <div> ==== | ||
| + | |||
| + | Der CP hat im Beispiel die ID=50. | ||
| + | |||
| + | In der Vorlage zu diesem CP wird an der Stelle an der das Input-Feld erscheinen soll | ||
| + | |||
| + | <code html>[BR]<input name="Bilder[]" id="{IMAGE_ID}" value="{IMAGE_ID}-{IMGNAME}" type="checkbox"><label for="{IMAGE_ID}">Bild bestellen</label></code> | ||
| + | eingesetzt. | ||
| + | |||
| + | In ##<input name="**Bilder**[]" .....## muss der Name //(hier Bilder)// identisch sein mit dem Namen im Formulareintrag vom Typ "Kontrollkästchen" //(checkbox)//. | ||
| + | |||
| + | |||
| + | |||
| + | <code html|h Einfaches Template: |h > | ||
| + | <!--IMAGES_HEADER_START//--> | ||
| + | |||
| + | [TITLE]<h1>{TITLE}</h1>[/TITLE] | ||
| + | [SUBTITLE]<h2>{SUBTITLE}</h2>[/SUBTITLE] | ||
| + | [TEXT]{TEXT}[/TEXT] | ||
| + | |||
| + | <div class="images" id="images{ID}"> | ||
| + | <!--IMAGES_HEADER_END//--> | ||
| + | |||
| + | |||
| + | <!--IMAGES_ENTRY_START//--> | ||
| + | <div class="imageEntry" style="float:left;padding:5px;border:1px solid #CCCCCC;margin:0px 5px 0 0;"> | ||
| + | {IMAGE}[CAPTION] | ||
| + | <p style="margin:3px 0 0 0;">{CAPTION}</p>[/CAPTION] | ||
| + | [BR]<input name="Bilder[]" id="{IMAGE_ID}" value="{IMAGE_ID}-{IMGNAME}" type="checkbox" /><label for="{IMAGE_ID}">Bild bestellen</label> | ||
| + | </div> | ||
| + | <!--IMAGES_ENTRY_END//--> | ||
| + | |||
| + | |||
| + | <!--IMAGES_ENTRY_SPACER_START//--><!-- space between images "{SPACE}px" --><!--IMAGES_ENTRY_SPACER_END//--> | ||
| + | |||
| + | <!--IMAGES_ROW_SPACER_START//--><br style="clear:both" /><!-- space between image rows --><!--IMAGES_ROW_SPACER_END//--> | ||
| + | |||
| + | |||
| + | <!--IMAGES_FOOTER_START//--> | ||
| + | <br style="clear:both" /> | ||
| + | </div> | ||
| + | <!--IMAGES_FOOTER_END//--> | ||
| + | </code> | ||
| + | |||
| + | \\ | ||
| + | {{:deutsch:andere-erweiterungen:formular:be_image_div_show_content_checkbox01.gif|}} | ||