Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
<html>
<head>
<title>Linkverwaltung</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="javascript/lv.js"></script>
</head>
<body>
<div align="left" id="top">Sie befinden sich hier: <b>Referenzverwaltung</b> » <span id="extended">Übersicht</span></div>
<div align="center" id="main"><script type="text/javascript">
var project = new newProject;
project.newProjectOption(11, '"Alan Parsons Projäct"');
project.newCategoryOption(11, 20, 'Testung B');
project.newCategoryOption(11, 19, 'Testung A');
project.newProjectOption(9, 'Projekt A');
project.newCategoryOption(9, 22, 'B');
project.newCategoryOption(9, 21, 'A');
project.newProjectOption(8, 'Plan B');
project.newCategoryOption(8, 15, '"Was auch immer?"');
project.newCategoryOption(8, 13, 'Schalke 04');
project.newCategoryOption(8, 12, 'Die Band');
</script>
<div align="right"><a href="#" id="mainSwitch" onClick="switchMain()">Eingabemaske anzeigen</a></div>
<div id="mask" style="display:none">
<div align="right"><a href="#" onClick="project.switchField()" id="switchRef">Neues Projekt anlegen?</a></div>
<form action="references.php" method="post" class="table" id="reference_view">
<table width="700" border="0" class="">
<tr>
<td align="left" width="150">Projekt:</td>
<td align="left"width="550">
<div id="switchProject">
<div id="selectProject">
<select name="selectProject" onChange="project.selectCategories()">
<option value="11">"Alan Parsons Projäct"</option>
<option value="9">Projekt A</option>
<option value="8">Plan B</option>
</select>
</div>
</div>
</td>
</tr>
<tr id="displayCategories" style="display:none">
<td>Unterkategorie:</td>
<td>
<div id="selectCategories">
</div>
</td>
</tr>
<tr>
<td align="left" width="150">Linktyp:</td>
<td align="left"width="550">
<select name="selectType" onChange="project.selectType()">
<option value="1">Free-Backlink</option>
<option value="2">Pflichtlink</option>
<option value="3">Katalogeintrag</option>
<option value="4">Artikelverzeichnis</option>
<option value="5">Klassischer Linktausch ( Reziprok )</option>
<option value="6">Linkmietung ( Bezahlung )</option>
<option value="7">Linkvermietung ( Bezahlung )</option>
</select>
</td>
</tr>
<tr id="linktext" style="display:none">
<td>Linktext:</td>
<td><input type="text" name="linktext" value=""></td>
</tr>
<tr id="titletag" style="display:none">
<td>title-Tag:</td>
<td><input type="text" name="titletag" value=""></td>
</tr>
<tr id="target" style="display:none">
<td>target:</td>
<td>
<select name="target">
<option value="_blank">_blank</option>
<option value="_self">_self</option>
<option value="_top">_top</option>
<option value="">keine Angabe</option>
</select>
</td>
</tr>
<tr id="max" style="display:none">
<td>Maximal ausgehende Links:</td>
<td><input type="text" name="max" value=""><td>
</tr>
<tr id="myurl" style="display:none">
<td>Meine URL:</td>
<td><input type="text" name="myurl" value=""><td>
</tr>
<tr id="personaldata" style="display:none">
<td valign="top">Persönliche Daten</td>
<td>
<select name="personalId" onChange="project.selectType()">
<option value="" selected="selected" disabled="disabled"><-- Bitte auswählen--></option>
<option value="3">Schlemmer, Horst</option>
<option value="2">Fischer, Lars</option>
<option value="-1">Neues Benutzerprofil anlegen</option>
</select>
<table width="550" class="" border="0" id="personalform" style="display:none">
<tr>
<td width="150">Name:</td>
<td width="400"><input type="text" name="name" value=""></td>
</tr>
<tr>
<td>Vorname:</td>
<td><input type="text" name="prename" value=""></td>
</tr>
<tr>
<td>Straße- Hausnr. :</td>
<td><input type="text" name="address1" value=""></td>
</tr>
<tr>
<td> PLZ / Stadt :</td>
<td><input type="text" name="address2" value=""></td>
</tr>
<tr>
<td>Telefon:</td>
<td><input type="text" name="telephone" value=""></td>
</tr>
<tr>
<td>eMail:</td>
<td><input type="text" name="email" value=""></td>
</tr>
<tr>
<td>PayPal:</td>
<td><input type="text" name="paypal" value=""></td>
</tr>
</table>
<tr id="bankdata" style="display:none">
<td width="150" valign="top">Bankdaten</td>
<td>
<a href="#" id="displayBankRef" onClick="project.displayBankform()">Eingabeformular anzeigen</a>
<table width="550" class="" border="0" id="bankform" style="display:none">
<tr>
<td width="150">Kontoinhaber :</td>
<td width="400"><input type="text" name="accountowner" value=""></td>
</tr>
<tr>
<td>Kontonummer:</td>
<td><input type="text" name="accountnumber" value=""></td>
</tr>
<tr>
<td>Bankleitzahl ( BLZ ):</td>
<td><input type="text" name="bankcode" value=""></td>
</tr>
<tr>
<td>Bankinstitut:</td>
<td><input type="text" name="bankname" value=""></td>
</tr>
</table>
<td>
</tr>
<tr id="amount" style="display:none">
<td>Betrag:</td>
<td><input type="text" name="amount" value=""><td>
</tr>
<tr id="paymentmethod" style="display:none">
<td>Zahlungsweise:</td>
<td>
<select name="paymentmethod">
<option value="1">Banktransaktion</option>
<option value="2">PayPal</option>
<option value="3">Scheck</option>
<option value="4">Bar</option>
<option value="5">Sonstige</option>
</select>
<td>
</tr>
<tr id="paymentpattern" style="display:none">
<td>Zahlungsrhythmus:</td>
<td>
<select name="paymentpattern">
<option value="1">Einmalig</option>
<option value="2">monatlich</option>
<option value="3">drei Monate ( Quartal )</option>
<option value="4">halbjährlich</option>
<option value="5">jährlich</option>
</select>
<td>
</tr>
<tr id="patternbegins" style="display:none">
<td>Beginn des Zahlungsrhythmus:</td>
<td><script>DateInput('pattern_begin', true)</script><td>
</tr>
<tr id="expired" style="display:none">
<td>Ablauf des Links:</td>
<td><script>DateInput('expired', true)</script><td>
</tr>
<tr id="insertlink" style="display:none">
<td>Link direkt auf meine Website einbinden?:</td>
<td>Ja <input type="radio" name="insertlink" value="1" checked>
Nein <input type="radio" name="insertlink" value="0"><td>
</tr>
<tr>
<td align="right"><input type="submit" name="submit" value="Speichern"></td>
<td align="left"><input type="submit" name="submit" value="Verwerfen"></td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
project.selectType();
project.selectCategories();
</script>
</body>
</html>
function switchField()
{
var element = document.getElementById("switchProject");
var oldField = document.getElementById(this.currentvalue);
var oldRef = document.getElementById("switchRef");
if ( this.currentvalue == "selectProject" )
{
this.categoryList=oldField.cloneNode(true);
replaceField = document.createElement("input");
replaceField.setAttribute("type", "text");
replaceField.setAttribute("name", "newProject");
replaceField.setAttribute("value", "Neues Projekt");
replaceField.setAttribute("id", "newProject");
oldRef.firstChild.data = "Zurück zur Auswahl?";
}
else if ( this.currentvalue == "newProject")
{
replaceField = this.categoryList;
oldRef.firstChild.data = "Neues Projekt anlegen?";
}
element.replaceChild(replaceField, oldField);
if ( this.currentvalue == "selectProject")
{
this.currentvalue = "newProject";
}
else
{
this.currentvalue = "selectProject";
this.selectCategories();
}
}