Beiträge von olaf2500

Damit meinte ich die Übergabe aus Dokument 1, was ich ja schon habe. Da gäbe es ja noch andere Möglichkeiten (Cookies, localstorage...).
Mir ging es nur darum ob es eben auch umgekehrt geht, aber dachte mir bereits, dass das wohl kaum funktionieren kann. Trotzdem danke dir

Seite zwei soll quasi aus den Variablen von Seite 1 Berechnungen anstellen, das ganze soll einfach nur dem Nutzer das Copy-Paste der Werte abnehmen.
Funktioniert mit dem Button auch aber ich dachte es wäre cool, wenn man sich auf Seite 2 befindet und sich die Daten dann ziehen kann.

Ich weiß nicht wie ich das erklären soll...ich habe momentan auf Seite 1 (die mit der Variablen) eine Werteübergabe an Seite 2 eingerichtet

<form method="GET" action="tool.html" target="_blank">
    <input style="display:none;" type="text" id="MaxWidth" name="toolMaxWidth">
    <input style="display:none;" type="text" id="MinWidth" name="toolMinWidth">
     <p>type="submit" value="Senden"></p>
</form>
<script>
    document.getElementById('MaxWidth').value = Info['maxObjWidth'];
    document.getElementById('MinWidth').value = Info['minObjWidth'];

Funktioniert alles so wie gewollt. Richtig schön fände ich jetzt noch eine Möglichkeit von Seite 2 aus direkt auf die Variablen zuzugreifen, ohne den Submit button auf Seite 1 zu drücken.

Hoffe das war etwas verständlicher

Hallo zusammen,

ich weiß nicht ob das möglich ist was ich gerne hätte, aber vielleicht hat ja jemand eine Idee.

Angenommen ich habe ein HTML Dokument, in dem sich inline ein script mit einer Variablen befindet. Diesen Wert möchte ich nun in einer anderen Seite benutzen. Ich weiß, dass es verschiedene Möglichkeiten gibt, Werte zu übermitteln, aber funktioniert das auch, ohne das Dokument, in dem sich die Variable befindet zu öffnen? Oder noch besser: das Dokument auf die Seite per Drag and drop ziehen (oder anders auswählen) und dann auf den Wert zugreifen? Falls da jemand eine Idee hat wäre ich dankbar

LG

In deiner ersten div, also mit der id="tab1" hast du direkt zu Beginn ein <table> <tr> und <td> Element die du alle nicht schließt

Zitat von Bodaggnmo

<div id="tab1" class="w3-container city">

<table border="0">

<tr>

<td width ="700">

außerdem fehlt bei deinem <table> in der zweiten div das ">"

Zitat von Bodaggnmo

<table border="0" width="900"

Zitat von Bodaggnmo

tablinks = document.getElementsByClassName("tablink");

for (i = 0; i < x.length; i++) {

tablinks[i].classList.remove("w3-green");

}

Du sprichst hier die tablinks in der Schleife an, diese ist bei dir aber abhängig von der Länge von x. Weiß nicht ob das hilft, ist mir nur aufgefallen.

Sind die Checkboxen bereits vorhanden und du willst ihnen die Werte aus dem Array als Bezeichnung zuweisen oder willst du sie im Script erstellen?

In beiden Fällen sollte dir innerHTML weiterhelfen

Dir fehlt eine Klammer zu } vor #a, also .header h1 wird nicht geschlossen

ja verstehe ich, aber wie schon von mir geschrieben, es variiert, welcher Button ganz rechts bzw ganz links ist. Daher habe ich es momentan so, dass alle Buttons keinen rechten Rand haben und ich mit Javascript abfrage, welcher Button rechts ist und diesem gebe ich dann einen rechten Rand (ebenfalls mit Javascript). Ich dachte nur es gibt vielleicht einen unkomplizierteren Weg, ähnlich wie border-collapse bei einer Tabelle

Hi zusammen,

ich habe mehrere Buttons nebeneinander und alle haben die CSS-Eigenschaft

border: 0.1vw solid #6B7E85;

Da sie aber direkt aneinander sind wirkt der Rahmen zwischen den Buttons jeweils doppelt so groß, da er ja aus dem jeweils linken und rechten Rand der aneinander grenzenden Buttons besteht.

Kann man diesen Rand irgendwie verschmelzen? Ich weiß ich könnte bei allen außer dem Button ganz rechts den rechten Rand entfernen, allerdings variiert es, welcher Button ganz rechts ist. Mit Javascript würde ich es hinbekommen, ich frage mich nur ob es nicht eine einfache Lösung mit CSS gibt.

Kann man mit einem Event verhindern, dass onclick-Funktionen aufgerufen werden? Also z.B. meine Animation läuft eine Sekunde, in dieser Zeit soll ein Button nicht anklickbar sein. Ich weiß ich könnte in der Funktion, die beim Klick aufgerufen wird unterbinden, dass etwas passiert, aber ich möchte dass die Funktion innerhalb dieser Sekunde im Hintergrund ablaufen kann, nur der Button soll nicht anklickbar sein. Eine einfach Möglichkeit fällt mir ein: eine Zweite Funktion, die beim Button klick aufgerufen wird und abfrägt ob die Animation vorbei ist und wenn ja Funktion 1 aufruft, aber gibt es auch eine Universelle Möglichkeit, um generell das Anklicken von Buttons zu verhindern?

Okay, schade. Aber auch nicht tragisch dann werde ich es wohl so machen, immerhin kann ich dann auch den Text ausrichten wie ich es will.

Danke euch beiden

Ich bin mir noch nichts sicher was für eine Animation genau es werden soll, z.B. ein langsameres (weniger abgehacktes) erscheinen der Optionen, oder ein nach unten ausfahren. Das hätte ich dann durch ausprobieren entschieden, aber ich schaffe es nicht, dass überhaupt eine Animation entsteht.

Zitat von Arne Drews

Eine Animation bekommst Du mit @keyframes hin

Ich habe das jetzt so versucht:

<select onclick="drop()">Dropdown<option class="optionsStart pause">Option 1</option><option class="optionsStart pause">Option 2</option><option class="optionsStart pause">Option 3</option></select>

@keyframes optionsAppear {
      to {
        opacity: 1;
      }
    }
    .optionsStart {
      opacity: 0;
      animation: optionsAppear .5s ease-in 1 forwards;
    }
    .pause {
      animation-play-state: paused;
    }

function drop(){
      var x = document.getElementsByTagName("option");
      for (var i = 0; i<x.length;i++){
        x[i].classList.remove("pause");
      }
    }

Das funktioniert allerdings nicht, scheinbar interessiert die einzelnen options auch nicht, wenn man ihnen eine opacity zuweist.

Zitat von basti1012

Beim Select Menü die unteren Schriftzüge in der Mitte zu setzten ist wohl nicht so einfach.

Wir hatten das Thema letztens hier schon mal gehabt und keine richtige Lösung gefunden.

Option Menü

Bau dir einfach ein eigenes Menü dann kannst du es gestalten wie du willst.

Oder mit Jqery min habe ich das auch schon mal gesehen und Bootstramp auch .

Ich zumindest kenne jetzt keine einfachere Css anweisung die das mittig setzt .

option{

text-align:center;

}

geht aufjedenfall nicht so

Alles anzeigen

Wird dann wohl doch etwas mehr Arbeit, aber das mit der Textgröße auslesen und dementsprechend anpassen werde ich mal versuchen, danke

Hallo zusammen,

ich versuche gerade ein Dropdown Menü zu gestalten, prinzipiell bin ich ganz zufrieden aber es gibt einige Kleinigkeiten die mir nicht ganz gefallen:

Zum einen habe ich es zwar hinbekommen, dass der Text in der Mitte ist, jedoch nur vom Menü selbst, die Optionen werden in aufgeklapptem zustand immer noch linksbündig angezeigt.

Außerdem funktioniert die Textausrichtung nicht beim Internet Explorer.

Ich hätte noch gerne eine kleine Animation beim aus- und einklappen der Optionen, das bekomme ich allerdings überhaupt nicht auf die Reihe.

<html>
  <head>
  </head>
  <body>
    <select>Dropdown<option>Option 1</option><option>Option 2</option><option>Option 3</option></select>
  </body>
</html>

    select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        width: 12.2vw;
        height: 1.2vw;
        border-radius: 0.3vw;
        border: 0.05vw solid gray;
        background: #6B7E85;
        color: white;
        cursor:pointer;
        outline:0;
        text-align: center;
        text-align-last:center;
        font-weight: bold;
    }

    select::-ms-expand {
        display:none;
    }

    select:focus::-ms-value {
      background-color: transparent;
    }

Das Problem ist, dass die Datei auch offline benutzbar sein soll (dann natürlich ohne eine die Möglichkeit eine Mail zu versenden), allerdings könnte ich ja mal in Raum werfen, dass bestimmte Funktionen nur mit Verbindung zum Intranet verfügbar sein sollen. Wie auch immer es wird sich eine Lösung ergeben, danke an euch beide

Sorry, hatte oben vergessen zu erwähnen: die "Seite" ist quasi ein reines Offline Dokument. Das wird an die Nutzer (intern) weitergegeben, die sollen es ausfüllen und zurück schicken. Die Nutzer sollen aber keinen lokalen Webserver installieren, daher kein php.

Geht leider auch nicht, da ich keinen Server dahinter habe und die Nutzer keinen Webserver installieren sollen

Der Plan ist eigentlich, dass ein HTML Dokument per Mail verschickt wird, wenn ich eben dieses neue Dokument erstelle kann ich dieses verschicken und dann klappts wie gewollt, schade ist nur dass es vorkommen könnte, dass der Nutzer durch die jedes mal neu erstellten Dokumente durcheinander kommen könnte und im Zweifelsfall ein falsches verschickt, daher wollte ich dass die Ursprungsdatei immer überschrieben wird.

Edit: ein weiteres Problem bezüglich des localStorage() ist, dass der Internet Explorer damit seine Probleme hat, wenn das ganze als reine Offline Page benutzt wird

Das Problem ist, wie bereits oben erwähnt, dass ein Nutzer die Datei an jemand anderes verschicken können soll und Person 2 die von Person 1 eingetragenen Daten ebenfalls abrufen möchte, das funktioniert (soweit ich weiß) nicht mit localStorage()

Prinzipiell möchte ich dass es genau so wie oben funktioniert, nur soll keine neue Datei erstellt werden sondern die aktuelle überschrieben.