Beiträge von jope

jope

Ich habe das ganze mal skizziert, wie ich mir das vorstelle und diesem Beitrag angehängt. Mein Ansatz wäre die linke Karte mit den Standorten als Imagemap zu gestalten und dann bei Klick auf der rechten Seite das jeweilige Standortbild anzuzeigen. Es soll also kein Fenster aufgehen, sondern eben die Information in einem festen Bereich auf der rechten Seite erscheinen.

Das heißt der Slider müsste irgendwie mit den Punkten auf dem Bild verknüpft werden, damit das ganze auch andersherum funktioniert. Da fehlt mir noch die Idee...

Ich hätte auch eigentlich gedacht, dass es so etwas schon geben könnte im Web, habe bisher aber auch nichts gefunden.

jope

Hallo zusammen,

ich bin auf der Suche nach einer Art Slider der in Abhängigkeit auf einer Karte geklickter Standorte (Als Bild) Informationen und Bilder dazu anzeigen soll.

Ich stelle mir das so vor, dass es zwei Spalten gibt. Links ist eine Deutschlandkarte als Bild mit mehreren eingezeichneten Standorten und in der rechten Spalte der Standortslider, der je nach Klick auf den Kartenstandort Informationen wechselt.

Das ganze soll auch umgekehrt funktionieren. Wechsle ich im Slider den Standort, soll dieser auf der Karte links farblich hervorgehoben werden.

Gibt es dafür eine Lösung in JavaScript oder Jquery oder hat jemand eine Idee, wie so etwas umsetzbar ist?

Danke schon einmal

jope

Hi,

ich bin gerade dabei einen Einheitenumrechner zu programmieren, der Flächeneinheiten umrechnen soll, also z.B. m² in cm².

Da gerade bei kleinen Einheiten wie nm² in km² sehr viele Nullen im Spiel sind habe ich nun in der Darstellung in Firefox ein Problem. Sowohl in Chrome als auch im Internetexplorer ist die Umrechnung kein Problem nur in Firefox zeigt mir der Umrechner einfach nur eine 0 an.

Auf http://workshop.omazing.de/flaechenumrechner kann das Problem nachvollzogen werden. Bei Eingabe im nm² Feld mit einer 1 wird im km² Feld im Chrome Browser 1e-24 dargestellt , im Firefox einfach nur 0.

Gibt es dafür eine Lösung wie ich auch im Firefox Browser die Darstellung mit Potenzen gestalten kann, dass der Umrechner funktioniert?

Der Code schaut wie folgt aus:

Code

<script>
function convertLange(Ausgangswert2){
    if (Ausgangswert2 === 'nm'){
    var inp = document.getElementById('nm').value;
    var szw = inp.replace(',','.') 
        document.getElementById('µm').value = parseFloat(szw) * 0.000001;  
        document.getElementById('mm').value = parseFloat(szw) * 0.000000000001;
        document.getElementById('cm').value = parseFloat(szw) * 0.00000000000001;
        document.getElementById('dm').value = parseFloat(szw) * 0.0000000000000001;
        document.getElementById('m').value = parseFloat(szw) * 0.000000000000000001;
        document.getElementById('km').value = parseFloat(szw) * 0.000000000000000000000001;
        document.getElementById('ft').value = parseFloat(szw) * 0.00000000000000001076391041671;
        document.getElementById('inch').value = parseFloat(szw) * 0.0000000000000015500031000062;
        document.getElementById('yd').value = parseFloat(szw) * 0.0000000000000000011959900463011;
        document.getElementById('rd').value = parseFloat(szw) * 0.00000000000000000003953686103475;
        document.getElementById('mi').value = parseFloat(szw) * 0.0000000000000000000000003861021585424;
        document.getElementById('a').value = parseFloat(szw) * 0.00000000000000000001;
        document.getElementById('ha').value = parseFloat(szw) * 0.0000000000000000000001;
    }
</script>


<form>  
<div class="table-scrollable">
<table border=0 cellpadding=1 cellspacing=0 >  
<tr><td>nm²</td><td><input type="number" name="nm" id="nm" onchange="convertLange('nm');"></td></tr>  
<tr><td>µm²</td><td><input type="number" name="µm" id="µm" onchange="convertLange('µm');"></td></tr>  
<tr><td>mm²</td><td><input type="number" name="mm" id="mm" onchange="convertLange('mm');"></td></tr>  
<tr><td>cm²</td><td><input type="number" name="cm" id="cm" onchange="convertLange('cm');"></td></tr>  
<tr><td>dm²</td><td><input type="number" name="dm" id="dm" onchange="convertLange('dm');"></td></tr> 
<tr><td>m²</td><td><input type="number" name="m" id="m" onchange="convertLange('m');"></td></tr> 
<tr><td>km²</td><td><input type="number" name="km" id="km" onchange="convertLange('km');"></td></tr>  
<tr><td>inch²</td><td><input type="number" name="inch" id="inch" onchange="convertLange('inch');"></td></tr>  
<tr><td>ft²</td><td><input type="number" name="ft" id="ft" onchange="convertLange('ft');"></td></tr>  
<tr><td>yd²</td><td><input type="number" name="yd" id="yd" onchange="convertLange('yd');"></td></tr>  
<tr><td>rd²</td><td><input type="number" name="rd" id="rd" onchange="convertLange('rd');"></td></tr>  
<tr><td>mi²</td><td><input type="number" name="mi" id="mi" onchange="convertLange('mi');"></td></tr>  
<tr><td>a</td><td><input type="number" name="a" id="a" onchange="convertLange('a');"></td></tr>  
<tr><td>ha</td><td><input type="number" name="ha" id="ha" onchange="convertLange('ha');"></td></tr>  

</table>  
</div>
</form>

Alles anzeigen

jope

Hi,

ich habe jetzt nochmal einen neuen Reader integriert, mit dem der Code automatisch gescannt wird.

Und habe jetzt wieder das selbe Problem, das das Ergebnis nur als Text ausgegeben wird und ich bekomme es nicht hin, das Ergebnis als Link klickbar zu machen.

Es geht um diese Zeile, dass das Ergebnis "scan.content" klickbar gemacht wird.

Code

<li v-for="scan in scans" :key="scan.date" :title="scan.content"> {{ scan.content }}</li>

Kannst du mir da bitte noch einmal helfen?

Den Code und das Beispiel unter https://www.johannes-penzel.de/qr-code

Vielen Dank schonmal

jope

Genau so, tausend Dank

jope

Genau, den Link aus dem QR Code auslesen und zum Linkziel weiterleiten

jope

Hi,

man muss einfach eine Bild Datei (jpg oder png o.ä.) auswählen auf der der QR Code abgebildet ist.

Der erste Entwurf ist schon online und kann hier mal getestet werden: http://johannes-penzel.de/qr-code

Einfach auf Datei auswählen klicken und das Bild mit dem QR Code auswählen, dann sollte im Button der Link des QR Codes erscheinen.

Und diesen Button möchte ich klickbar machen, damit auf den Link weitergeleitet wird.

jope

Hi zusammen,

ich probiere mich zurzeit an einem QR Code Reader, der einen QR Code laden und auslesen kann. Vor allem sollen damit Qr Codes mit Links ausgelesen werden.

Soweit funktionier das ganze auch, über klick auf Datei auswählen kann der QR Code geladen werden und die hinterlegte URL wird als String zurück gegeben und in dem Button dargestellt, allerdings ist der Button nicht klickbar.

Daher meine Frage, wie kann ich anstatt eines Strings einen Link zurück geben bzw. wie kann ich den String so umwandeln, dass der button klickbar wird?

HTML

<!DOCTYPE html>
<html>
<body>

<input type=button class=qrcode-text >
<label class=qrcode-text-btn>
  <input type=file
         accept="image/*"
         capture=environment
         onchange="openQRCamera(this);"
         tabindex=-1>
</label>
</form>


<script>
    function openQRCamera(node) {
  var reader = new FileReader();
  reader.onload = function() {
    node.value = "";
    qrcode.callback = function(res) {
      if(res instanceof Error) {
        alert("No QR code found. Please make sure the QR code is within the camera's frame and try again.");
      } else {
       node.parentNode.previousElementSibling.value = res;
      }
    };
    qrcode.decode(reader.result);
  };
  reader.readAsDataURL(node.files[0]);
}
</script>

</body>
</html>

Alles anzeigen

Beiträge von jope

Dynamischer Slider

Dynamischer Slider

Darstellung von 10er Potenzen in Firefox

String in Link umwandeln

String in Link umwandeln

String in Link umwandeln

String in Link umwandeln

String in Link umwandeln