Ich programmiere eine Website mit Mindmap-Elementen.

...ich nutze HTML, CSS, PHP, JS und SQL. Es besteht aus vielen DIV-Containern, die verschoben, und mit Linien verbunden werden können. Wie geh ich bei der Umsetzung der Visualisierung im Browser am besten vor? (Gibt es da evtl eine passendes Tutorial in der Art?)

1 Antwort

giraffos

13.12.2013, 09:09

Das einfachste ist, wenn Du nach CSS Mindmaps oder nach JS Mindmaps Plugin suchst. Ansonsten ist es eigentlich am ganz einfach, wenn Du die Mindmaps per CSS visualisierst. Das sieht dann z.B. so aus:

http://codepen.io/defims/details/LsIAK

und das hat den Vorteil, dass man diese sehr leicht verändern kann. Einfach ein bisschen am CSS rumprobieren.

1 Kommentar 1

BDP86

Fragesteller

14.12.2013, 15:52

es soll eine art arranger werden. die fenster müssen vom endnutzer verändert werden können

Ähnliche Fragen

Diagramm aus .txt Datei erstellen

Ich habe eine .txt Datei. Darin steht Text - Uhrzeit - Zahl, Text - Uhrzeit - Zahl und so weiter...

Nun möchte ich aus der jeweiligen Uhrzeit und der Zahl ein Diagramm erstellen und dieses auf einer Website veröffentlichen.

Gibt es eine Möglichkeit die Uhrzeiten und Zahlenangaben aus der Datei herauszufiltern und daraus automatisch ein Diagramm erstellen zu lassen?

...zur Frage

Wordpress - Logo neben Menü (Navigationsbar) -WIE ???

Ich möchte neben meiner Menü Bar ein Logo platzieren. Wie mach ich das genau? Danke im vorraus

...zur Frage

Bilder werden auf Website nicht angezeigt

Hallo, ich habe mir mit HTML eine Website programmiert. Auf meinem Rechner wird sie normal angezeigt. Wenn ich sie aber hochlade und dann auf meine Seite (bandm.bplaced.net) gehen, werden meine Grafiken nicht angezeigt.

Woran liegt das?

iFight

...zur Frage

Kostenloses Webhosting - bplaced seriös?

Hallo Leute

ich suche möglichkeiten KOSTENLOS und OHNE WERBUNG zu hosten.

bplaced bietet das an.

Ist der Anbieter seriös?

Versteckte Kosten, Datenklau... ?

Kennt einer Alternativen?

Danke für eure Hilfe!

Liebe Grüße

...zur Frage

Website kopieren?

Wenn ich eine coole Website sehe, darf ich die dann "nachbauen"? Natürlich nich 1:1 aber zb. die Farbe, Form,... Eigentlich das layout allgemein.

Darf man das?^^

MFG DarkPirate

...zur Frage

Html bzw. PHP Seitenübergänge - wer kennt sich aus?

Hallo Leute,

ich habe eine Website. Oben Menüleiste, links ein Div Container mit News, rechts ein Div Container mit dem Content. Der Content ist per "PHP Include Funktion" eingebunden. Es wird also jeder Menübutton mit einem PHP Include verbunden und so wechselt man innerhalb der Index Seite den Inhalt. Das ganze funktioniert und ist ganz schick.

Allerdings fehlt als Abrundung ein Effekt. Ich dachte daran, bei Klick auf einen Button den vorherigen Content per Opacity langsam schwächer werden zu lassen und den neuen stärker werden zu lassen. Geht das?

http://www.wix.com/html-templates/html/web/model-agency?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fhtml%2Fall%2Fweb%2F1&galleryDocIndex=1

Der Link zeigt eigentlich genau den Effekt, den ich will. Jedoch wahrscheinlich mit JavaScript geschrieben. Darauf will ich verzichten. Stattdessen will ich auf HTML5 und CSS3 zurückgreifen.

Weiß jemand ob das überhaupt geht und wenn ja wie?

Danke Leute

...zur Frage

Wie erstelle ich ein Quiz in Javascript?

Ich würde gerne eine Seite erstellen, in der man sich einoggen (hab ich schon programmiert) und dann jeden Tag fragen (Ja oder Nein-Fragen) gelöst werden können. Für jede richtige Antwort bekommt man am Ende des Tages eine bestimmte anzahl an Punkten. Kann mir einer schicken wie das geht?

...zur Frage

Cordova Android Build Fails?

Liebe Community,

Hier eine Frage eines Bekannten:

Ich habe versucht, Cordova neu zu installieren, aber es hat nicht funktioniert. Ich habe alle Systemvariablen überprüft, aber es hat nicht funktioniert

Ich habe das Spiel mit Gdevelop erstellt, was bedeutet, dass ich den Code nicht geschrieben habe, er wird von der Spiel-Engine generiert

Code des Fehlers

Was Stacktrace sagt:

• Where: Settings file 'C:\Users\MyUsername\BAR\platforms\android\settings.gradle'

• What went wrong: Could not compile settings file 'C:\Users\MyUsername\BAR\platforms\android\settings.gradle'.

startup failed: General error during conversion: Unsupported class file major version 62

java.lang.IllegalArgumentException: Unsupported class file major version 62

[...]

BUILD FAILED in 5s Command failed with exit code 1: C:\Users\MyUsername\BAR\platforms\android\gradlew cdvBuildDebug -b C:\Users\MyUsername\BAR\platforms\android\build.gradle

PS: BAR is the name of the Folder.FAILURE: Build failed with an exception.

Wenn ich gradlew.bat :cdvBuildDebug --stacktrace ausführe, erhalte ich Folgendes:

• Where: Settings 'C:\Users\MyUsername\BAR\platforms\android\settings.gradle'

• What went wrong: Could not compile settings file 'C:\Users\MyUsername\BAR\platforms\android\settings.gradle'.

startup failed: General error during conversion: Unsupported class file major version 62

And that is how the Rest looks(I cant paste that all in here)  

(at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:189)       

at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:170)       

at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:156)       

at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:277)       


at org.codehaus.groovy.ast.decompiled.AsmDecompiler.parseClass(AsmDecompiler.java:81)       

at org.codehaus.groovy.control.ClassNodeResolver.findDecompiled(ClassNodeResolver.java:251)       

at org.codehaus.groovy.control.ClassNodeResolver.tryAsLoaderClassOrScript(ClassNodeResolver.java:189)       

at org.codehaus.groovy.control.ClassNodeResolver.findClassNode(ClassNodeResolver.java:169)       

at org.codehaus.groovy.control.ClassNodeResolver.resolveName(ClassNodeResolver.java:125)       

at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveClassNullable(AsmReferenceResolver. java:57)       

at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveClass(AsmReferenceResolver.java:44)       

at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveNonArrayType(AsmReferenceResolve r.java:79)       

at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveType(AsmReferenceResolver.java:70). ..)*```  

And that is the End:        
1 error        
        at org.gradle.groovy.scripts.internal.DefaultScriptCompilationHandler.compileScript(DefaultScriptCompilati onHandler.java:139)       ... 165 more   

* Get more help at https://help.gradle.org  

BUILD FAILED in 4s

...zur Frage

Ideen für Serien-Interface?

Moin,

ich arbeite an einer Art Interface zum Anschauen von Serien. Es ist sozusagen ein offline-Streaming-Dienst. Langsam laufen mir aber die Ideen aus.

Hier eine Liste an Dingen, die ich bereits hinzugefügt habe:

- Eine Verlaufs-Seite, welche alle angeschauten Inhalte anzeigt
- Ein "viewed recently"-Feld auf der Startseite, mittels welchem der Zuschauer sofort zur zuletzt geschauten Folge (und Zeit) zurück kehren kann
- Eine "Serie merken"-Funktion, mit welcher man sich Serien für später merken kann
- Eine Suchfunktion
- Shortcut-Tasten mittels welcher der Zuschauer einfach zur nächsten/vorherigen Folge wechseln kann und eine um das Intro zu überspringen

Des Weiteren habe ich mir ein Command-Interface gebaut (Konsole) mit welcher der Benutzer weitere Einstellungen treffen kann:
- Automatisch den letzten Fortschritt für das jeweilige Video laden
- Das Video automatisch pausieren, wenn es nicht mehr sichtbar ist

Mehr will mir leider einfach nicht einfallen. Deshalb würde ich um Vorschläge jeglicher Art bitten, egal ob es Spielerei oder ernsthafte Vorschläge sind :)

...zur Frage

Braucht man für Projekt native eine gute Grafikkarte?

Ich will eine App mit react native programmieren und wollte fragen ob man dafür eine gute Grafikkarte braucht. Ich denke wenn, dann grafikkarten zum Rendering und grafischer Darstellung.

Ich werde auf dem PC nicht Zocken

Workstation PC.

...zur Frage

Kostenlos eigene Homepage veröffentlichen ==> Wo, Welcher Anbieter???

Hallo Ich würde gerne meine eigenen Homepage (mit eigener Webadresse und nicht www.benutzername.werbung.de o.ä.) im Internet veröffentlichen. Welcher Anbieter oder wie kann ich das am besten kostenlos machen? Ich habe schon eine erstellt aus HTML und CSS.

Wie habt ihr eure Homepage veröffentlicht?

Danke

...zur Frage

PHP Bild hochladen und abspeichern

Hallo Community,

ich will eine Seite (HTML,PHP, MySQLi, CSS - möglichst kein JS) machen, wo man sein Bild hochlädt und es dann gespeichert wird, während der Pfad in der DB landet.

Mein Code bis jetzt:

HTML:

<br /><h3><?php echo $language['reportTitle']; ?></h3>
        <form class="adder" action="saveReport.php" method="POST" enctype="multipart/form-data">
            <input type="hidden" name="ID" value="<?php echo $_SESSION['ID']; ?>" />
            <br /><?php echo $language['reportImage']; ?><label class="upload"><p><?php echo $language['reportUpload']; ?></p><input name="image" type="file" maxlength="1000000" accept="image/*" /></label>
            <br /><br /><?php echo $language['reportDescription']; ?><input name="description" type="text" />
            <br /><br /><b><?php echo $language['reportInfoTitleGeneral']; ?></b><input type="submit" />
        </form>

CSS: (eig. unwichtig)

.upload {
    overflow: hidden;
    position: absolute;
    text-align: center;
    font-size: small;
    color: #708090;
    background-color: #dddddd;
    width: 213px;
    height: 33px;
    left: 500px;
    margin-top: -10px;
    border-width: thin;
    border-color: #C0C0C0;
    border-style: solid;
    border-radius: 3px;
}
.upload:hover {
    border-color: #008B8B;
}
.upload [type="file"] {
    display: block;
    position: absolute;
    font-size: 999px;
    filter: alpha(opacity=0);
    opacity: 0;
    right: 0;
    top: 0;
}
.upload p {
    margin-top: 10px;
}

PHP: (nur ein Ansatz)

<?php
    include('../include/language.inc.php');
    include('../include/testSession.inc.php');
    include('../include/connect.inc.php');
    
    $info[1] = $_POST['ID'];
    $info[2] = $_POST['description'];
    $info[3] = $_FILES['image'];
    $size = sizeof($info);
    for($i = 0; $i < $size; $i++) {
        if(empty($info[$i])) {
            $_SESSION['error'] = $language['addErrorMissingData'];
            header('Location:report.php');
            die($language['addErrorMissingData']);
        }
    }
    $path = "INSERT INTO bugs VALUES (NULL,'".$info[1]."','".$info[2]."','".$info[3]."')";
    $mysqli->query($path);
    imagepng($im, '../include/images/'. $mysqli->insert_id . image_type_to_extension(IMAGETYPE_PNG));
?>

Ich habe schon ein bisschen gegoogelt, aber ich versteh's nicht. Gefunden hab ich:

ob_start()
POST uploads: http://php.net/manual/en/features.file-upload.post-method.php#features.file-upload.post-method

Am ende sollen (NULL für die ID), die UserID und die Beschreibung in der DB landen. Der Bild-Pfad soll bug['ID'].'.png' sein.

Fragen:

Wie nehme ich das Bild entgegen? ($_POST oder $_FILES)
Wie wandle ich das Bild in ein PNG-Format um?
Wie speicher ich das Bild?
Wieso spackt der "Hochladen"-Button so? (Text verschwindet nach anklicken) (Optional)

Danke, schon mal im Voraus!

-Minding

...zur Frage

dynamische Intranetseite mit HTML(CSS) und PHP erstellen, mit mehreren Seiten die durch Blättern angezeigt werden und in einer SQL-Datenbank gespeichert sind?

Hallo,

ich bin gerade dabei eine Intranetseite zu erstellen. Hierbei müssen die dynamischen Inhalte in einer SQL-Datenbank abgespeichert und nach und nach automatisch angezeigt werden!

wie muss ich das anstellen, dass ich die SQL-Datenbank mit einer HTML-Seite verknüpfen kann?

wie bekomme ich die "Blätterfunktion" hin, damit die dynamischen in der SQL-Datenbank abgespeicherten Seiten nach und nach angezeigt werden?

Zusätzlich muss eine einfach Benutzerverwaltung mit rein (Anlegen/Löschen), wie stell ich das am besten an? PHP hash()-Funktion mit sha256 Algorithmus.. was ist das und wie wende ich das an?

dazu kommt dann noch eine Benutzer und Passwort abfrage, um sich anzumelden, damit man die Inhalte der Seite abändern kann!? wie ist das zu realisieren..

Eine verständliche und ausführliche Antwort würde mich schon sehr weiter bringen.. vielen Dank im Voraus!

...zur Frage

JavaScript - Einträge in einem Datensatz zählen?

Hallo,

wir haben folgenden Datensatz in JavaScript:

"data": [

{

"id": 1,

"gender": "Male",

"created_at": "25.06.2015",

"topics": [ "series", "mac", "linux" ],

"unsubscribed_at": null

{

"id": 2,

"gender": "Female",

"created_at": "26.06.2015",

"topics": [ "development" ],

"unsubscribed_at": "11.02.2016"

} ]

Jetzt sollen wir die Einträge in diesem Datensatz zählen, also hier soll 2 herauskommen. Ich habe bereits auf Google gesucht aber irgendwie klappen die dort vorgeschlagenen Lösungen nicht... ich scheine wohl etwas falsch zu machen.

Liebe Grüße

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen