Topic: Mit vlibTemplate auch ohne Tabellen programmieren (modulare Programmierung) (Read 1357 times)

FlorianF · **on:** Sun, 16. September 2007 - 22:27:24

Hallo,

ich bin neu auf vlib gekommen und wollte fragen wie das ganze aussieht wenn man nicht unbedingt auf tabellen steht.
Die ganzen Tutorials sind meistens mit table aufgebaut. geht das ganze auch komfortabel mit div ?

lg subprime

ClausVB · **Reply #1 on:** Sun, 16. September 2007 - 22:37:02

Ja. (Der HTML-Code ist komplett austauschbar.)

http://mwcms.net/
ist ohne Tabellen und komplett mit vLIB umgesetzt.

EDIT: Topic "aufgeschlossen" (unlocked).

Gru�
Claus

FlorianF · **Reply #2 on:** Tue, 18. September 2007 - 20:24:18

Ok soweit angeschaut habe ich mir das. allerdings m�chte ich gerne die Seite modular aufbauen
und will zb. die ganze login sache zu einem bestimmten bereich aussondern in eine datei box_login.tpl
gibt es eine m�glichkeit dann diese box_login.tpl in die index.tpl einzugliedern. bzw die box auf belieben auszublenden

thx f�r antworten

FlorianF · **Reply #3 on:** Tue, 18. September 2007 - 20:40:11

Sorry glaub das hat sich erledigt aber du kannst ja nochmal deine meinung hinschreiben plz.
gefunden hab ich das....

http://lamp.clausvb.de/vlib_examples/include.php

dann m�sste das schonmal klar sein... gibt es ne m�glichkeit das der komplette code nicht mehr eingeblendet wird zb.

<div>
irgendein html zeug
</div>

soll nur includet werden wenn nach einer db abfrage eine variable a=1 gesetzt wurde.

ClausVB · **Reply #4 on:** Tue, 18. September 2007 - 22:13:29

Du solltest auf jeden Fall mal die ganze vLIB-Einf�hrung durcharbeiten:
http://lamp.clausvb.de/vlib_mhtml/table_of_content.html

Schau Dir folgende Seiten mal an:
- Beispiel f�r TMPL_IF
- Mit MySQL-IF und TMPL_IF und SETDBLOOP arbeiten
- Farben in Abh�nigkeit von Datenbankeintr�gen oder anderen LOOP-Strukturen

Um Sachen "on-the-fly" (un)sichtbar zu machen braucht man JavaScript und CSS:

Code: [Select]

<script type="text/javascript">
function alles_unsichtbar_machen()
{
      document.getElementById("waffen").style.display = "none";
      document.getElementById("panzerung").style.display = "none";
}
</script>

(...)

<input type="radio" name="tabelle" value="sr_inventar" onclick="alles_unsichtbar_machen()"> Ausr�stung<br />
<input type="radio" name="tabelle" value="sr_panzerung" onclick="panzerungs_tabelle_einfuegen()"> Panzerung<br />
<input type="radio" name="tabelle" value="sr_waffen" onclick="waffen_tabelle_einfuegen()"> Waffen


<div id="panzerung">
(...)
</div>

<div id="waffen">
(...)
</div>

Gru�
Claus

FlorianF · **Reply #5 on:** Thu, 20. September 2007 - 20:06:13

Hallo nochmal ich habe jetzt mal mit etwas direkt angefangen und bin immernoch auf ein problem gesto�en.
Ich benutze 4 dateien und m�chte 2 davon ins haupttemplate einbinden

index.php

Code: [Select]

<?php 

require_once vlib/vlibTemplate.php;

$tmpl = new vlibTemplate(templates/index.tpl);

$tmpl->setvar(title, Freiberufler-suche.info - Ihr Portal zur Jobssuche);
$tmpl->setvar(content_m3, ./boxes/content_m3.tpl); 
$tmpl->setvar(menu, ./boxes/menu.tpl);

$tmpl->pparse();

?>

index.tpl << TEMPLATE MIT ENDUNG TPL

Code: [Select]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>{tmpl_var name=title}</title>
    
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="" />
	<link rel="stylesheet" type="text/css" href="./templates/css/base.css" media="all" />
    <link rel="stylesheet" type="text/css" href="./templates/css/modules.css" media="all" />
</head>

<body>
<div id="container">
	<div id="header"></div>

		<tmpl_include file={var:content_m3}>
      	<tmpl_include file={var:menu}>
	<div id="footer">
		<img src="./templates/images/bg-page-bottom.gif" />
	</div>
</div>
</body>
</html>

content_m3.tpl

Code: [Select]

bla bla<div id="content">
<div class="area a3">
<div class="module m3">
<div class="singlecontent">
<h2><span>Test Content m3</span></h2>
<div class="moduleContent">
<div class="modulePart">
</div>
<div class="hr"><hr/></div>
                </div>
            </div>

        </div>

</div>
</div>

menu.tpl

Code: [Select]

			<div id="nav">
				<ul>
					<li><a>Home</a></li>
					<li><a>Anfragen</a></li>
					<li><a>Test 1</a></li>
					<li><a>Test 2</a></li>
					<li><a>Test 3</a></li>
					<li><a>Test 4</a></li>
				</ul>
			</div>

hab es grade ausprobiert und je nachdem wie man die Variablen umdreht also

$tmpl->setvar(content_m3, ./boxes/content_m3.tpl);
$tmpl->setvar(menu, ./boxes/menu.tpl);

oder

$tmpl->setvar(menu, ./boxes/menu.tpl);
$tmpl->setvar(content_m3, ./boxes/content_m3.tpl);

wird mir eine andere box angezeigt aber nicht beide gleichzeitig !!!
Wenn ich mir eine Seite Aufbaue sind grad content boxen bzw alles ausser der grundstruktur in boxen unterteilt um diese woanders zu ntuzen das will ich hier erreichen aber nach 72 h bin ich echt fertig ^^

THX 4 Help

ClausVB · **Reply #6 on:** Fri, 21. September 2007 - 13:34:35

Sorry, Du machst etwas falsch, denn das was Du machst geht mit vLIB:

Code: [Select]

<tmpl_include file={var:header}>
<tmpl_include file={var:body}>

http://lamp.clausvb.de/vlib_examples/tmpl/modular_tmpl_include.htm

Das ganze Beispiel ist unter
http://lamp.clausvb.de/vlib_examples/modular_tmpl_include.php
zu sehen.

Ich rate Dir bei solchen Strukturen jedoch dringend, auf die PHP-Methode umzusteigen, wie sie unter
Modulares Programmieren mit REQUIRE_ONCE
und
http://lamp.clausvb.de/vlib_examples/modular_php_require.php
beschrieben ist.

Gru�
Claus

FlorianF · **Reply #7 on:** Fri, 21. September 2007 - 14:04:13

also sollte ich auch unbedingt den header und footer abtrennen und einzeln includen ?

ClausVB · **Reply #8 on:** Fri, 21. September 2007 - 14:45:09

Ja. Ich w�rde sogar noch einen Schritt weiter gehen und jeden DIV-Container in eine einzelne PHP-Datei plus Template packen.

Beispiel:
- header.php (Template: "header.htm" mit Meta-Angaben, CSS und JavaScript)
- logo_head.php (Template: "logo_head.htm" mit Logos und allgemeinen Infos zur Seite, die �berall stehen sollen)
- top_navigation.php (Template: "top_navigation.htm" mit der oberen Haupt-Navigation)
usw.

"top_navigation.htm" w�rde dann beispielsweise mit folgendem DIV-Container beginnen:

Code: [Select]

<div id="top_navigation">
(...)
</div>

Bei sauberer Programmierung nennst Du dann auch die Instanzen nach den DIV-Containern, also:

Code: [Select]

<?php
  $tmpl_top_navigation = new vlibTemplate(unterverzeichnis_top_navigation/top_navigation.htm);
?>

Vergiss nicht: Logik geh�rt nicht ins Template. "tmpl_include" ist f�r einfache Sachen gedacht, nicht f�r komplizierte Seiten-Gestaltung und Design.

Gru�
Claus

EDIT: Falls noch ein vLIB-Anf�nger das liest, wie modular mit vlibTemplate programmiert wird steht auch unter "Navigation with vLIB"

News:

Author Topic: Mit vlibTemplate auch ohne Tabellen programmieren (modulare Programmierung) (Read 1357 times)

FlorianF

Mit vlibTemplate auch ohne Tabellen programmieren (modulare Programmierung)

ClausVB

Re: Mit vlib auch ohne tabellen Programmieren

FlorianF

Re: Mit vlib auch ohne tabellen Programmieren

FlorianF

Re: Mit vlib auch ohne tabellen Programmieren

ClausVB

Re: Mit vlib auch ohne tabellen Programmieren

FlorianF

Re: Mit vlib auch ohne tabellen Programmieren

ClausVB

Re: Mit vlib auch ohne tabellen Programmieren

FlorianF

Re: Mit vlib auch ohne tabellen Programmieren

ClausVB

Re: Mit vlib auch ohne tabellen Programmieren