Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Strkutur oder Leitfaden erstellen!

Frage Entwicklung JavaScript

Mitglied: Florian88

Florian88 (Level 1) - Jetzt verbinden

26.06.2009, aktualisiert 11:59 Uhr, 4310 Aufrufe, 4 Kommentare

Hallo zusammen,

ich möchte gerne eine Leitfaden in meine Seite einbauen, damit die User wissen, wo sie sich befinden!

Ihr kennt es aus diversen Bestellvorgängen, wo oben eine Navigation angezeigt wird. (Bestellung - Konto -Lieferadresse - usw. - Abschicken)

Ich habe keinerlei Ideen, wie ich damit anfangen soll bzw. wie ich das mit den einzelnen Seiten verknüpfen kann!

Google konnte mir auch nicht weiterhelfen!

Vielen Dank im Voraus für eure Hilfe!

Florian

01.
<html> 
02.
<head> 
03.
<title>Navigation mit Auswahllisten – Teil 1</title> 
04.
<link rel="stylesheet" type="text/css" href="format.css"> 
05.
<script type="text/javascript"><!-- 
06.
 
07.
 
08.
function checkBoxes(objForm){ 
09.
  // Alle Input-Elemente im Formular ermitteln 
10.
  var arrInput = objForm.getElementsByTagName("input"); 
11.
  var arrCB = new Array(); 
12.
 
13.
  // Input-Elemente durchlaufen 
14.
  for(var i=0; i<arrInput.length; i++){ 
15.
    // Falls es sich um eine Checkbox handelt und diese markiert ist -> in CB-Array schreiben 
16.
    if((arrInput[i].type=="checkbox") && (arrInput[i].checked)){ 
17.
      arrCB[arrCB.length] = arrInput[i]; 
18.
19.
20.
 
21.
  // Länge in verstecktes Feld eintragen 
22.
  objForm.hiddenLength.value = arrCB.length; 
23.
 
24.
  return arrCB; 
25.
26.
 
27.
  //Verbindung der Unterpunkte mit der Kategorie 
28.
var beschriftung = [[], ['0.0', '0.1'], ['1.0', '1.1', '1.2'], ['2.0', '2.1', '2.2']]; 
29.
function kategorie_anzeigen(f){ 
30.
  var kategorie = f.kategorien.selectedIndex; 
31.
 
32.
  var strID   = "infoID"; 
33.
  document.getElementById(strID).style.display = "none"; 
34.
 
35.
  document.getElementById('unterpunkte').innerHTML = ''; 
36.
  for (var i=0; i<beschriftung[kategorie].length; i++){ 
37.
    var strInsert = (beschriftung[kategorie][i]=="2.2")? " id=\"infoBoxID\"" : "" ; 
38.
    document.getElementById('unterpunkte').innerHTML+='<input type="checkbox"'+strInsert+' onclick="toggleInfo(this);" name="unterpunkte[]" value="'+beschriftung[kategorie][i]+'">'+beschriftung[kategorie][i]+'<br>'; 
39.
40.
41.
 
42.
function toggleInfo(objCB){ 
43.
  var strComp = "2.2"; 
44.
  var strID   = "infoID"; 
45.
 
46.
  try{ 
47.
    document.getElementById(strID).style.display = (document.getElementById("infoBoxID").checked ||((objCB.value == strComp) && objCB.checked))? "" : "none"; 
48.
  }catch(objExc){} 
49.
50.
document.write('<style type="text/css">' //write out CSS for class ".hidepeice" that hides pieces of contents within pages 
51.
	+'.hidepiece{display:none}\n' 
52.
	+'@media print{.hidepiece{display:block !important;}}\n' 
53.
	+'</style>') 
54.
	 
55.
function virtualpaginate(config){ //config: {piececlass:, piececontainer:, pieces_per_page:, defaultpage:, persist} 
56.
	this.piececlass=config.piececlass 
57.
	var elementType=(typeof config.piececontainer=="undefined")? "div" : config.piececontainer //The type of element used to divide up content into pieces. Defaults to "div" 
58.
	this.pieces=virtualpaginate.collectElementbyClass(config.piececlass, elementType) //get total number of divs matching class name 
59.
	//Set this.chunksize: 1 if "chunksize" param is undefined, "chunksize" if it's less than total pieces available, or simply total pieces avail (show all) 
60.
	this.chunksize=(typeof config.pieces_per_page=="undefined")? 1 : (config.pieces_per_page>0 && config.pieces_per_page<this.pieces.length)? config.pieces_per_page : this.pieces.length 
61.
	this.pagecount=Math.ceil(this.pieces.length/this.chunksize) //calculate number of "pages" needed to show the divs 
62.
	this.paginatediv=[], this.flatviewlinks=[], this.cpspan=[], this.selectmenu=[] 
63.
	this.persist=config.persist 
64.
	var persistedpage=virtualpaginate.getCookie("dd_"+this.piececlass) || 0 
65.
	var urlselectedpage=virtualpaginate.urlparamselect(this.piececlass) //returns null or index from: mypage.htm?piececlass=index 
66.
	this.currentpage=(typeof urlselectedpage=="number")? urlselectedpage : ((this.persist)? persistedpage : config.defaultpage) 
67.
	this.currentpage=(this.currentpage<this.pagecount)? parseInt(this.currentpage) : 0 //ensure currentpage is within range of available pages 
68.
	this.showpage(this.currentpage) //Show selected page 
69.
70.
 
71.
virtualpaginate.prototype.navigate=function(keyword){ 
72.
	var prevlinkindex=this.currentpage //Get index of last clicked on page 
73.
	if (keyword=="previous") 
74.
		this.currentpage=(this.currentpage>0)? this.currentpage-1 : (this.currentpage==0)? this.pagecount-1 : 0 
75.
	else if (keyword=="next") 
76.
		this.currentpage=(this.currentpage<this.pagecount-1)? this.currentpage+1 : 0 
77.
	else if (keyword=="first") 
78.
		this.currentpage=0 
79.
	else if (keyword=="last") 
80.
		this.currentpage=this.pagecount-1 //last page number 
81.
	else 
82.
		this.currentpage=parseInt(keyword) 
83.
	this.currentpage=(this.currentpage<this.pagecount)? this.currentpage : 0 //ensure pagenumber is within range of available pages 
84.
	this.showpage(this.currentpage) 
85.
	for (var p=0; p<this.paginatediv.length; p++){ //loop through all pagination DIVs 
86.
		if (this.flatviewpresent) 
87.
			this.flatviewlinks[p][prevlinkindex].className="" //"Unhighlight" previous page (before this.currentpage increments) 
88.
		if (this.selectmenupresent) 
89.
			this.selectmenu[p].selectedIndex=this.currentpage 
90.
		if (this.flatviewpresent) 
91.
			this.flatviewlinks[p][this.currentpage].className="selected" //"Highlight" current page 
92.
93.
94.
 
95.
virtualpaginate.prototype.buildpagination=function(divids, optnavtext){ 
96.
	var divids=(typeof divids=="string")? [divids] : divids //force divids to be an array of ids 
97.
	var primarypaginatediv=divids.shift() //get first id within divids[] 
98.
	var paginaterawHTML=document.getElementById(primarypaginatediv).innerHTML 
99.
	this.paginate_build(primarypaginatediv, 0, optnavtext) 
100.
	for (var i=0; i<divids.length; i++){ 
101.
		document.getElementById(divids[i]).innerHTML=paginaterawHTML 
102.
		this.paginate_build(divids[i], i+1, optnavtext) 
103.
104.
105.
 
106.
virtualpaginate.collectElementbyClass=function(classname, element){ //Returns an array containing DIVs with specified classname 
107.
	if (document.querySelectorAll){ 
108.
		var pieces=document.querySelectorAll(element+"."+classname) //return pieces as HTMLCollection 
109.
110.
	else{ 
111.
		var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i") //regular expression to screen for classname within element 
112.
		var pieces=[] 
113.
		var alltags=document.getElementsByTagName(element) 
114.
		for (var i=0; i<alltags.length; i++){ 
115.
			if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1) 
116.
				pieces[pieces.length]=alltags[i] //return pieces as array 
117.
118.
119.
	return pieces 
120.
121.
 
122.
virtualpaginate.urlparamselect=function(vpclass){ 
123.
	var result=window.location.search.match(new RegExp(vpclass+"=(\\d+)", "i")) //check for "?piececlass=2" in URL 
124.
	return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected virtual page's index 
125.
126.
 
127.
virtualpaginate.getCookie=function(Name){  
128.
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair 
129.
	if (document.cookie.match(re)) //if cookie found 
130.
		return document.cookie.match(re)[0].split("=")[1] //return its value 
131.
	return null 
132.
133.
 
134.
virtualpaginate.setCookie=function(name, value){ 
135.
	document.cookie = name+"="+value 
136.
137.
 
138.
virtualpaginate.prototype.showpage=function(pagenumber){ 
139.
	var totalitems=this.pieces.length //total number of broken up divs 
140.
	var showstartindex=pagenumber*this.chunksize //array index of div to start showing per pagenumber setting 
141.
	var showendindex=showstartindex+this.chunksize-1 //array index of div to stop showing after per pagenumber setting 
142.
	for (var i=0; i<totalitems; i++){ 
143.
		if (i>=showstartindex && i<=showendindex) 
144.
			this.pieces[i].style.display="block" 
145.
		else 
146.
			this.pieces[i].style.display="none" 
147.
148.
	if (this.persist){ //if persistence enabled 
149.
		virtualpaginate.setCookie("dd_"+this.piececlass, this.currentpage) 
150.
151.
	if (this.cpspan.length>0){ //if <span class="paginateinfo> element is present, update it with the most current info (ie: Page 3/4) 
152.
		for (var p=0; p<this.cpspan.length; p++) 
153.
			this.cpspan[p].innerHTML='Page '+(this.currentpage+1)+'/'+this.pagecount 
154.
155.
156.
 
157.
virtualpaginate.prototype.paginate_build=function(divid, divpos, optnavtext){ 
158.
	var instanceOfBox=this 
159.
	var paginatediv=document.getElementById(divid) 
160.
	if (this.chunksize==this.pieces.length){ //if user has set to display all pieces at once, no point in creating pagination div 
161.
		paginatediv.style.display="none" 
162.
		return 
163.
164.
	var paginationcode=paginatediv.innerHTML //Get user defined, "unprocessed" HTML within paginate div 
165.
	if (paginatediv.getElementsByTagName("select").length>0) //if there's a select menu in div 
166.
		this.paginate_build_selectmenu(paginatediv.getElementsByTagName("select")[0], divpos, optnavtext) 
167.
	if (paginatediv.getElementsByTagName("a").length>0) //if there are links defined in div 
168.
		this.paginate_build_regularlinks(paginatediv.getElementsByTagName("a")) 
169.
	var allspans=paginatediv.getElementsByTagName("span") //Look for span tags within passed div 
170.
	for (var i=0; i<allspans.length; i++){ 
171.
		if (allspans[i].className=="flatview") 
172.
			this.paginate_output_flatview(allspans[i], divpos, optnavtext) 
173.
		else if (allspans[i].className=="paginateinfo") 
174.
			this.paginate_build_cpinfo(allspans[i], divpos) 
175.
176.
	this.paginatediv[divpos]=paginatediv 
177.
178.
 
179.
virtualpaginate.prototype.paginate_output_flatview=function(flatviewcontainer, divpos, anchortext){ 
180.
	var flatviewhtml="" 
181.
	var anchortext=anchortext || new Array() 
182.
	for (var i=0; i<this.pagecount; i++){ 
183.
		if (typeof anchortext[i]!="undefined") //if custom anchor text for this link exists 
184.
			flatviewhtml+='<a href="#flatview" rel="'+i+'">'+anchortext[i]+'</a> ' //build pagination link using custom anchor text 
185.
		else 
186.
			flatviewhtml+='<a href="#flatview" rel="'+i+'">'+(i+1)+'</a> ' //build  pagination link using auto incremented sequential number instead 
187.
188.
	flatviewcontainer.innerHTML=flatviewhtml 
189.
	this.paginate_build_flatview(flatviewcontainer, divpos, anchortext) 
190.
191.
 
192.
virtualpaginate.prototype.paginate_build_flatview=function(flatviewcontainer, divpos, anchortext){ 
193.
	var instanceOfBox=this 
194.
	var flatviewhtml="" 
195.
	this.flatviewlinks[divpos]=flatviewcontainer.getElementsByTagName("a") 
196.
	for (var i=0; i<this.flatviewlinks[divpos].length; i++){ 
197.
		this.flatviewlinks[divpos][i].onclick=function(){ 
198.
			var prevlinkindex=instanceOfBox.currentpage //Get index of last clicked on flatview link 
199.
			var curlinkindex=parseInt(this.getAttribute("rel")) 
200.
			instanceOfBox.navigate(curlinkindex) 
201.
			return false 
202.
203.
204.
	this.flatviewlinks[divpos][this.currentpage].className="selected" //"Highlight" current flatview link 
205.
	this.flatviewpresent=true //indicate flat view links are present 
206.
207.
 
208.
virtualpaginate.prototype.paginate_build_selectmenu=function(paginatedropdown, divpos, anchortext){ 
209.
	var instanceOfBox=this 
210.
	var anchortext=anchortext || new Array() 
211.
	this.selectmenupresent=1 
212.
	for (var i=0; i<this.pagecount; i++){ 
213.
		if (typeof anchortext[i]!="undefined") //if custom anchor text for this link exists, use anchor text as each OPTION's text 
214.
			paginatedropdown.options[i]=new Option(anchortext[i], i) 
215.
		else //else, use auto incremented, sequential numbers 
216.
			paginatedropdown.options[i]=new Option("Page "+(i+1)+" of "+this.pagecount, i) 
217.
218.
	paginatedropdown.selectedIndex=this.currentpage 
219.
	setTimeout(function(){paginatedropdown.selectedIndex=instanceOfBox.currentpage}, 500) //refresh currently selected option (for IE's sake) 
220.
	paginatedropdown.onchange=function(){ 
221.
	instanceOfBox.navigate(this.selectedIndex) 
222.
223.
	this.selectmenu[divpos]=paginatedropdown 
224.
	this.selectmenu[divpos].selectedIndex=this.currentpage //"Select" current page's corresponding option 
225.
226.
 
227.
virtualpaginate.prototype.paginate_build_regularlinks=function(paginatelinks){ 
228.
	var instanceOfBox=this 
229.
	for (var i=0; i<paginatelinks.length; i++){ 
230.
		var currentpagerel=paginatelinks[i].getAttribute("rel") 
231.
		if (currentpagerel=="previous" || currentpagerel=="next" || currentpagerel=="first" || currentpagerel=="last"){ //screen for these "rel" values 
232.
			paginatelinks[i].onclick=function(){ 
233.
				instanceOfBox.navigate(this.getAttribute("rel")) 
234.
				return false 
235.
236.
237.
238.
239.
 
240.
virtualpaginate.prototype.paginate_build_cpinfo=function(cpspan, divpos){ 
241.
	this.cpspan[divpos]=cpspan 
242.
	cpspan.innerHTML='Page '+(this.currentpage+1)+'/'+this.pagecount 
243.
244.
 
245.
     
246.
 //--> 
247.
</script> 
248.
</head> 
249.
<body> 
250.
<table border="0"> 
251.
<tr> 
252.
  <td align="left" valign="top" width="200"> 
253.
    <form name="input" action="ausgabe2.php" method="post" onsubmit="checkBoxes(this);"> 
254.
    <select name="kategorien" onchange="kategorie_anzeigen(this.form);"> 
255.
    <option>Bitte auswählen</option> 
256.
    <option>Buchaltung</option> 
257.
    <option>Rechtsabteilung</option> 
258.
    <option>Shop</option> 
259.
    </select> 
260.
    </td> 
261.
    <td > 
262.
    </td> 
263.
    </tr> 
264.
    <tr> 
265.
    <td align="left"   valign="top"> 
266.
    <input type="hidden" name="hiddenLength" value="-1"> 
267.
    <div id="unterpunkte"></div> 
268.
    <br><br> 
269.
    <input type="submit" value="Absenden"> 
270.
    </td> 
271.
    <td align="left"   valign="top"> 
272.
    <div id="infoID" style="display: none;"> 
273.
   
274.
    <div style="width: 300px; height: 230px;"> 
275.
     
276.
    <div class="virtualpage hidepiece"> 
277.
    <h2>Bitte f&uuml;llen Sie alle nachfolgenden Felder aus!</h2> 
278.
    <table border="0" height="625px"> 
279.
    <tr> 
280.
    <td>Vorname:</td> 
281.
    <td><input name="vorname" type="text" size="50"></td> 
282.
    </tr> 
283.
    <tr> 
284.
    <td>Name:</td> 
285.
    <td><input name="name" type="text" size="50"></td> 
286.
    </tr> 
287.
    </table> 
288.
    </div> 
289.
       
290.
    <div class="virtualpage hidepiece"> 
291.
    <h2>Artikel 1</h2> 
292.
    <table border="0" height="600px"> 
293.
    <tr> 
294.
    <td>Realisierung zum:</td> 
295.
    <td> 
296.
        <?php        
297.
                      //Dropdown Tage 
298.
                      echo "<select name=\"tag\">"; 
299.
                      echo "<option selected>Tag"; 
300.
                      for($i=1;$i<32;$i++) 
301.
302.
                      $tag=$i; 
303.
                      echo "<option value=\"$tag\">$tag"; 
304.
305.
                      echo "</select>";       
306.
                      echo "&nbsp;";        
307.
                       
308.
                      //Dropdown Monate 
309.
                      $monat=array("Jan.","Feb.","März","Apr.","Mai","Jun.","Jul.","Aug.", "Sep.", "Okt.", "Nov.", "Dez."); 
310.
                      echo "<select name=\"monat\">"; 
311.
                      echo "<option selected>Monat"; 
312.
                      for($i=0;$i<12;$i++) 
313.
314.
                      echo "<option value=\"$monat[$i]\">$monat[$i]"; 
315.
316.
                      echo "</select>"; 
317.
                       
318.
                      //Dropdown Jahre 
319.
                      echo "<select name=\"jahr\">"; 
320.
                      echo "<option selected>Jahr"; 
321.
                      for($i=2009;$i<2015;$i++) 
322.
323.
                      $jahr=$i; 
324.
                      echo "<option value=\"$jahr\">$jahr"; 
325.
326.
                      echo "</select>"; 
327.
              ?> 
328.
        </td> 
329.
        </tr> 
330.
        <tr> 
331.
        <td>Funktion:</td> 
332.
        <td><textarea name="funktion" cols="50" rows="10"></textarea></td> 
333.
        </tr> 
334.
        <tr> 
335.
        <td>Artikel 2:</td> 
336.
        <td><textarea name="aenderung" cols="50" rows="10"></textarea></td> 
337.
        </tr> 
338.
        <tr> 
339.
        <td></td> 
340.
        <td></td> 
341.
        </tr> 
342.
        <tr> 
343.
        <td>Gleiche Berechtigungen (Name des MItarbeiters):</td> 
344.
        <td><input name="vorname" type="text" size="50"></td> 
345.
        </tr> 
346.
        <tr> 
347.
        <td>sonstige Erw&auml;hnungen:</td> 
348.
        <td><textarea name="sontiges" cols="50" rows="5"></textarea></td> 
349.
        </tr>         
350.
        </table>  
351.
       
352.
      </div> 
353.
       
354.
      <div class="virtualpage hidepiece"> 
355.
      <h2>Artikel</h2> 
356.
        <table border="0"> 
357.
        <tr> 
358.
        <td>Realisierung zum:</td> 
359.
          <td>    
360.
            <?php        
361.
                      //Dropdown Tage 
362.
                      echo "<select name=\"tag2\">"; 
363.
                      echo "<option selected>Tag"; 
364.
                      for($i=1;$i<32;$i++) 
365.
366.
                      $tag=$i; 
367.
                      echo "<option value=\"$tag\">$tag"; 
368.
369.
                      echo "</select>";       
370.
                      echo "&nbsp;";        
371.
                       
372.
                      //Dropdown Monate 
373.
                      $monat=array("Jan.","Feb.","März","Apr.","Mai","Jun.","Jul.","Aug.", "Sep.", "Okt.", "Nov.", "Dez."); 
374.
                      echo "<select name=\"monat2\">"; 
375.
                      echo "<option selected>Monat"; 
376.
                      for($i=0;$i<12;$i++) 
377.
378.
                      echo "<option value=\"$monat[$i]\">$monat[$i]"; 
379.
380.
                      echo "</select>"; 
381.
                       
382.
                      //Dropdown Jahre 
383.
                      echo "<select name=\"jahr2\">"; 
384.
                      echo "<option selected>Jahr"; 
385.
                      for($i=2009;$i<2015;$i++) 
386.
387.
                      $jahr=$i; 
388.
                      echo "<option value=\"$jahr\">$jahr"; 
389.
390.
                      echo "</select>"; 
391.
              ?> 
392.
           </td> 
393.
        </tr> 
394.
        <tr> 
395.
        <td>G&uuml;ltigkeitszeitraum:</td> 
396.
        <td> 
397.
        <?php        
398.
                      //Dropdown Tage 
399.
                      echo "<select name=\"tag3\">"; 
400.
                      echo "<option selected>Tag"; 
401.
                      for($i=1;$i<32;$i++) 
402.
403.
                      $tag=$i; 
404.
                      echo "<option value=\"$tag\">$tag"; 
405.
406.
                      echo "</select>";       
407.
                      echo "&nbsp;";        
408.
                       
409.
                      //Dropdown Monate 
410.
                      $monat=array("Jan.","Feb.","März","Apr.","Mai","Jun.","Jul.","Aug.", "Sep.", "Okt.", "Nov.", "Dez."); 
411.
                      echo "<select name=\"monat3\">"; 
412.
                      echo "<option selected>Monat"; 
413.
                      for($i=0;$i<12;$i++) 
414.
415.
                      echo "<option value=\"$monat[$i]\">$monat[$i]"; 
416.
417.
                      echo "</select>"; 
418.
                       
419.
                      //Dropdown Jahre 
420.
                      echo "<select name=\"jahr3\">"; 
421.
                      echo "<option selected>Jahr"; 
422.
                      for($i=2009;$i<2015;$i++) 
423.
424.
                      $jahr=$i; 
425.
                      echo "<option value=\"$jahr\">$jahr"; 
426.
427.
                      echo "</select>"; 
428.
              ?> 
429.
              bis zum  
430.
              <?php        
431.
                      //Dropdown Tage 
432.
                      echo "<select name=\"tag4\">"; 
433.
                      echo "<option selected>Tag"; 
434.
                      for($i=1;$i<32;$i++) 
435.
436.
                      $tag=$i; 
437.
                      echo "<option value=\"$tag\">$tag"; 
438.
439.
                      echo "</select>";       
440.
                      echo "&nbsp;";        
441.
                       
442.
                      //Dropdown Monate 
443.
                      $monat=array("Jan.","Feb.","März","Apr.","Mai","Jun.","Jul.","Aug.", "Sep.", "Okt.", "Nov.", "Dez."); 
444.
                      echo "<select name=\"monat4\">"; 
445.
                      echo "<option selected>Monat"; 
446.
                      for($i=0;$i<12;$i++) 
447.
448.
                      echo "<option value=\"$monat[$i]\">$monat[$i]"; 
449.
450.
                      echo "</select>"; 
451.
                       
452.
                      //Dropdown Jahre 
453.
                      echo "<select name=\"jahr4\">"; 
454.
                      echo "<option selected>Jahr"; 
455.
                      for($i=2009;$i<2015;$i++) 
456.
457.
                      $jahr=$i; 
458.
                      echo "<option value=\"$jahr\">$jahr"; 
459.
460.
                      echo "</select>"; 
461.
              ?> 
462.
        </td> 
463.
        </tr> 
464.
        <tr> 
465.
        <td>G&uuml;ltig von:</td> 
466.
        <td> 
467.
        <?php        
468.
                      //Dropdown Tage 
469.
                      echo "<select name=\"tag5\">"; 
470.
                      echo "<option selected>Tag"; 
471.
                      for($i=1;$i<32;$i++) 
472.
473.
                      $tag=$i; 
474.
                      echo "<option value=\"$tag\">$tag"; 
475.
476.
                      echo "</select>";       
477.
                      echo "&nbsp;";        
478.
                       
479.
                      //Dropdown Monate 
480.
                      $monat=array("Jan.","Feb.","März","Apr.","Mai","Jun.","Jul.","Aug.", "Sep.", "Okt.", "Nov.", "Dez."); 
481.
                      echo "<select name=\"monat5\">"; 
482.
                      echo "<option selected>Monat"; 
483.
                      for($i=0;$i<12;$i++) 
484.
485.
                      echo "<option value=\"$monat[$i]\">$monat[$i]"; 
486.
487.
                      echo "</select>"; 
488.
                       
489.
                      //Dropdown Jahre 
490.
                      echo "<select name=\"jahr5\">"; 
491.
                      echo "<option selected>Jahr"; 
492.
                      for($i=2009;$i<2015;$i++) 
493.
494.
                      $jahr=$i; 
495.
                      echo "<option value=\"$jahr\">$jahr"; 
496.
497.
                      echo "</select>"; 
498.
              ?> 
499.
        </td> 
500.
        </tr> 
501.
        <tr> 
502.
        <td>G&uuml;ltig bis:</td> 
503.
        <td> 
504.
        <?php        
505.
                      //Dropdown Tage 
506.
                      echo "<select name=\"tag6\">"; 
507.
                      echo "<option selected>Tag"; 
508.
                      for($i=1;$i<32;$i++) 
509.
510.
                      $tag=$i; 
511.
                      echo "<option value=\"$tag\">$tag"; 
512.
513.
                      echo "</select>";       
514.
                      echo "&nbsp;";        
515.
                       
516.
                      //Dropdown Monate 
517.
                      $monat=array("Jan.","Feb.","März","Apr.","Mai","Jun.","Jul.","Aug.", "Sep.", "Okt.", "Nov.", "Dez."); 
518.
                      echo "<select name=\"monat6\">"; 
519.
                      echo "<option selected>Monat"; 
520.
                      for($i=0;$i<12;$i++) 
521.
522.
                      echo "<option value=\"$monat[$i]\">$monat[$i]"; 
523.
524.
                      echo "</select>"; 
525.
                       
526.
                      //Dropdown Jahre 
527.
                      echo "<select name=\"jahr6\">"; 
528.
                      echo "<option selected>Jahr"; 
529.
                      for($i=2009;$i<2015;$i++) 
530.
531.
                      $jahr=$i; 
532.
                      echo "<option value=\"$jahr\">$jahr"; 
533.
534.
                      echo "</select>"; 
535.
              ?> 
536.
        </td> 
537.
        </tr> 
538.
        <tr> 
539.
        <td>Funktion:</td> 
540.
        <td><textarea name="funktion2" cols="50" rows="10"></textarea></td> 
541.
        </tr> 
542.
        <tr> 
543.
        <td>Beschreibung der gewünschten Änderungen<br> der Berechtigungen im SAP:</td> 
544.
        <td><textarea name="aenderung2" cols="50" rows="10"></textarea></td> 
545.
        </tr> 
546.
        <tr> 
547.
        <td></td> 
548.
        <td></td> 
549.
        </tr> 
550.
        <tr> 
551.
        <td>Gleiche Berechtigungen (Name des MItarbeiters):</td> 
552.
        <td><input name="vorname" type="text" size="50"></td> 
553.
        </tr> 
554.
        <tr> 
555.
        <td>sonstige Erw&auml;hnungen:</td> 
556.
        <td><textarea name="sontiges" cols="50" rows="5"></textarea></td> 
557.
        </tr>         
558.
        </table>       
559.
      </div> 
560.
       
561.
      <div class="virtualpage hidepiece"> 
562.
      <p>Seite 3</p> 
563.
      </div> 
564.
       
565.
      <div class="virtualpage hidepiece"> 
566.
      <p>Seite 4</p> 
567.
      </div> 
568.
       
569.
      </div> 
570.
      <div id="paginatediv" class="paginationstyle" style="width: 300px; text-align: left"> 
571.
      <br><br> 
572.
      <a href="#" rel="previous">zur&uuml;ck</a> <span class="flatview"></span> <a href="#" rel="next">weiter</a> 
573.
      </div> 
574.
      <script> 
575.
      var pagecontent=new virtualpaginate({ 
576.
      	piececlass: "virtualpage", 
577.
      	piececontainer: "div", 
578.
      	pieces_per_page: 1, 
579.
      	defaultpage: 0, 
580.
      	persist: true 
581.
      }) 
582.
      pagecontent.buildpagination(["paginatediv"]) 
583.
      </script>         
584.
      </div> 
585.
     
586.
      </div> 
587.
    </td> 
588.
   </tr> 
589.
  </table> 
590.
</form> 
591.
<script> 
592.
function checkForm() { 
593.
  var strFehler=''; 
594.
  if (document.forms[0].vorname.value=="")  
595.
    strFehler += "Feld Vorname ist leer\n"; 
596.
  if (document.forms[0].name.value=="")  
597.
    strFehler += "Feld Name ist nicht korrekt ausgef¸llt\n"; 
598.
599.
     
600.
  if (strFehler.length>0) { 
601.
    alert("Festgestellte Probleme: \n\n"+strFehler); 
602.
    return(false); 
603.
604.
 
605.
</script> 
606.
</body> 
607.
</html>
Mitglied: empreality
26.06.2009 um 11:54 Uhr
Zeig mal deine Seite ...
Ist sie statisch? dynamisch?
Bitte warten ..
Mitglied: Florian88
26.06.2009 um 12:01 Uhr
Moin,

die Seite ist dynamisch mit JavaScript erstellt worden.

Ich habe oben den gesamten Quellcode eingefügt.

Ich hoffe, ich konnte zuerst einmal helfen!

Florian
Bitte warten ..
Mitglied: dog
26.06.2009 um 12:04 Uhr
Ich glaube du solltest mal unter dem Stichwort "Breadcrumb Navigation" weitersuchen...

Grüße

Max
Bitte warten ..
Mitglied: Florian88
26.06.2009 um 12:29 Uhr
Hallo dog,

Breadcrumb Navigation kommt meiner Frage sehr nah.

Aber eine Breadcrumb Navigation zeigt nur die einzelnen Internetseiten in der Navigation an.

Ich habe nur eine Seite mit diversen div Abschnitten, die mit JavaScript verändert werden!

Wenn ich nun auf weiter bzw. 2 drücke, soll sich der Navigationpunkt (aktuelles div) verändern!

Kopier doch einmal den Quellcode und seh es dir kurz selbst an!

Florian
Bitte warten ..
Neuester Wissensbeitrag
Windows 10

Powershell 5 BSOD

Tipp von agowa338 zum Thema Windows 10 ...

Ähnliche Inhalte
Netzwerkgrundlagen
IPsec - .conf und .secret erstellen aus Gruppe und User (16)

Frage von MaxMLe zum Thema Netzwerkgrundlagen ...

RedHat, CentOS, Fedora
gelöst Erstellen von Desktopverknüpfungen und Anpassung der Taskleiste (2)

Frage von honeybee zum Thema RedHat, CentOS, Fedora ...

Vmware
ESXI Template erstellen (2)

Frage von Phill93 zum Thema Vmware ...

Batch & Shell
Ordner erstellen ll Datei hinein kopieren (1)

Frage von heyalice zum Thema Batch & Shell ...

Heiß diskutierte Inhalte
Windows Userverwaltung
Ausgeschiedene Mitarbeiter im Unternehmen - was tun mit den AD Konten? (34)

Frage von patz223 zum Thema Windows Userverwaltung ...

LAN, WAN, Wireless
gelöst Server erkennt Client nicht wenn er ausserhalb des DHCP Pools liegt (28)

Frage von Mar-west zum Thema LAN, WAN, Wireless ...

Windows Server
Server 2008R2 startet nicht mehr (Bad Patch 0xa) (18)

Frage von Haures zum Thema Windows Server ...