Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Empfohlene Antworten

Veröffentlicht

Um die Administration der Systeme zu vereinfachen, wollte ich eine kleine Übersichtsseite mit den nötigsten Infos erstellen.

Dabei sollen am oberen und linken Rand jeweils die Symbole der Systeme angeordnet werden. Nach einem Klick auf eines dieser Symbole, wird im Mittelberereich die entsprechende Info angezeigt (z.B. per Anker):


-------------------------------------------------------------------------------------------------------

|

| <------- Leiste mit Symbolen nebeneinander ------------> Symbol1     Symbol2    Symbol 3  etc...

|

|------------------------------------------------------------------------------------------------------

|	      	|

|  ^		|

|  |		|<--- nach einem Klick auf eins der Symbole, wird hier die entsprechende Info angezeigt--->

|  |		|

|  |            | PRODUKTION

|  |		|  URL:

| Symbole	|  Anwender:

|untereinander  |  Ansprachpartner:

|  |		|

|  |		|

|  |		|

|  		|  

|		|

| Symbol 1	| VPS

|		|  URL:

| 		|  Anwender:

| Symbol 2	|  Ansprachpartner:

|		|

|		|

| Symbol 3	|

|		|

| etc		|

|		|

|		|

|------------------------------------------------------------------------------------------------------

Kann hier vielleicht jemand bitte kurz weiterhelfen?

Danke.

Entweder musst Du z.B. via Ajax die Daten dynamisch nachladen oder Du musst eben die Seiten entsprechend der Funktionalität generieren. Theoretisch kannst Du das alles als statischeen HTML Code hinterlegen, obwohl ich davon abraten würde. Die eleganteste Methode wäre eben PHP mit Ajax

  • Autor

Danke für die kurze Info.

Ajax wäre ja schon "Premium". Bei mir scheitert es leider schon an dem html-Grundbau der Seite. Daher hatte ich gehöfft, dass jemand die unten aufgeführte Skizze in html übernehmen könnte (Anordnung Symbole oben/links, Anzeige der Infos im Mittelbereich).

Bezüglich der Infos hatte ich eigentlich an eine einfache Anker-Funktionalität gedacht, wie z.B. bei Selfhtml vorgestellt wird: Link

Danke für die kurze Info.

Ajax wäre ja schon "Premium". Bei mir scheitert es leider schon an dem html-Grundbau der Seite. Daher hatte ich gehöfft, dass jemand die unten aufgeführte Skizze in html übernehmen könnte (Anordnung Symbole oben/links, Anzeige der Infos im Mittelbereich).

Bezüglich der Infos hatte ich eigentlich an eine einfache Anker-Funktionalität gedacht, wie z.B. bei Selfhtml vorgestellt wird: Link

Wir sind hier doch kein Source-Code-Generator :D

Ne aber mal im ernst. Solltest du wirklich nur bei pur HTML bleiben wollen, dann schau dir mal ein paar Tutorials über HTML-Frames an. Z.B. auch IFrames. Könnte das sein, was du suchst.

z.B.: Click!

Oder einfach mal weiter bei SelfHtml schauen. Ich hoffe die Verlinkung ist hier zulässig.

MfG

Marco

  • 2 Wochen später...


<html>

<head>

</head>

<body style="text-align:center;">


<div style="width:1000px; 

                height:200px; 

		border:2px dotted yellow; 

		background-color:gray; 

		clear:all;

                margin:auto;			

		text-align:center;">

--Kopfzeile--

</div>

<div style="width:1000px; 

                height:550px;

		border:2px dotted blue;

		background-color:gray;

                margin:auto;			

		text-align:center;">

 --Rumpfzeile--<br>

 <div style="width:196px; 

                 height:526px;

		 border:2px dotted red; 

		 float:left; 

		 margin:auto;">

  --Rumpfspalte 1--

 </div>

 <div style="width:796px; 

                 height:526px; 

		 border:2px dotted red; 

		 float:left; 

		 margin:auto;">

  --Rumpfspalte 2--

 </div>

</div>

</body>

</html>

Das wäre schonmal ein HTML-Grundgerüst für dein Layout.

Kannst das so Kopieren und in einer Textdatei speichern. Danach halt in .html umbenennen.

Ich würde dir PHP empfehlen mit mysql.

In der Rumpfspalte 1 kannst das Menü in einer extra PHP Datei auslagern und includen, die Linkadressen legst du dann in einer Mysqldatenbank ab und liest sie einfach immer wieder aus per script. Beim Inhalt in Rumfspalte 2 kannst du ähnlich vorgehen oder per Switch-Case einfach den links eine action zuweisen.

Bsp: www.meineseite.php?action=index

oder

www.meineseite.php?action=forum

Erstelle ein Konto oder melde dich an, um einen Kommentar zu schreiben.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.