Ergebnis 1 bis 7 von 7

Thema: Mehrere Ansprechbare Elemente ohne Zeilenumbruch

  1. #1
    Unregistriert
    Gast

    Frage Mehrere Ansprechbare Elemente ohne Zeilenumbruch

    Vorab: Tut mir leid falls ich hier falsch bin o.ä. Ich hab nur ein kleines Problem und hoffe dass hier ventuell jemand fdie Lösung hat(:

    Ich hab versucht mit html und javascript mir einen lockscreen zusammenzubauen, alles was ich dafür gebraucht hab hab ich mir "erGooglet"^^

    Was ich gemacht habe:
    -Die Uhrzeit ausgeben
    -Dynamische Hintergrundbilder (jede halbe Stunde anderes)
    -3 Balken, die jeweils Stunden Minuten und Sekunden des/r aktuellen Tages, Stunde, Minute anzeigen (bspw: der Sekundenbalken wird mit jeder Sekunde immer voller bis die Minute voll ist und fällt dann auf 0 zurück.) Dabei ändert sich die Farbe der Balken von gelb zu rot.
    -Alle Wochentage stehen in einer Zeile nebeneinander und der aktuelle ist hervorgehoben (dick und etwas größere Schriftgröße)

    Und beim letzten Punkt liegt mein Problem.
    Im Header kündige ich 7 Elemente an, im Script - Part wird der aktuelle Wochentag erkannt und daraufhin die Schriftgröße des Elemnts erhöht mit dem der Tag übereinstimmt.
    Problem ist, dass alle Objekte nicht nebeneinander sondern untereinander stehen (Zeilenumbrüche!) und ich verstehs einfach nicht ^^
    Ich gehdanvon aus dass es am <div> im body liegt, dass zeilenumbrüche erzeugt, aber weis nicht wie ich es umgehen könnte. Ich muss die Elemente ja trennen um jedem eine ID zuzuweisen oder? ):

    Relevanter Quellcode:
    head:

    #date1, #date2, #date3, #date4, #date5, #date6, #date7 {


    text-transform: lowercase;

    }

    body:


    <div id="mo" style="font-size: 10px;"></div>



    <div id="di" style="font-size: 10px;"></div>



    <div id="mi" style="font-size: 10px;"></div>



    <p id="do" style="font-size: 10px;"></p>



    <p id="fr" style="font-size: 10px;"></p>



    <p id="sa" style="font-size: 10px;"></p>



    <p id="so" style="font-size: 10px;"></p>

    script:

    function calculateDate() {


    var wday = new Array("mo", "di", "mi", "do", "fr", "sa", "so");

    var currentTime = new Date();

    var weekday =
    wday[(currentTime.getDay()-1)];


    document.getElementById("mo").innerText = wday[0];

    document.getElementById("di").innerText = wday[1];

    document.getElementById("mi").innerText = wday[2];

    document.getElementById("do").innerText = wday[3];

    document.getElementById("fr").innerText = wday[4];

    document.getElementById("sa").innerText = wday[5];

    document.getElementById("so").innerText = wday[6];

    document.getElementById(weekday).setAttribute("sty le", "font-size: 20px;");


    }

    Wie gesagt mal eben "angelernt" ^^ (hab Programmierkenntnisse aus der Schule in Delphi/Turbopascal)
    Danke für jede Hilfe

    Falls der Fehler eher woanders im Quellcode ist, kann ich den auch noch posten
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Mehrere Ansprechbare Elemente ohne Zeilenumbruch

    haste nen link parat? so unformatiert is quellcode grausig
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Unregistriert
    Gast

    Standard AW: Mehrere Ansprechbare Elemente ohne Zeilenumbruch

    http://s14.directupload.net/file/d/3...warqid_jpg.htm

    Hier sieht man das ganze mal (hab den hintergrund rot gemacht damit man es besser sieht)
    Oben balken, uhrzeit.
    Dadrunter die wochentage, mo größer weil heute montag ist.
    Das problem ist, die wochentage sind untereinander (zeilenumbrüche) und nicht nebeneinander unter der uhrzeit wie ich es gerne hätte..
    Hoffe verstehst mein problem /:

  4. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Mehrere Ansprechbare Elemente ohne Zeilenumbruch

    Das Problem ist erkannt worden, einzig die Hilfe kann nicht gewährleistet werden mangels Zugang zum Quellcode.

  5. #5
    Unregistriert
    Gast

    Standard AW: Mehrere Ansprechbare Elemente ohne Zeilenumbruch

    Tut mir echt total leid aber ich weiß nicht was ich jetzt machen soll :S
    Den ganzen quellcode schicken? Oder was anderes? Sorry kenn mich leider echt garnicht aus, hab alles halt direkt am handy geschrieben und dann so direkt genutzt :S
    Das Problem ist doch schon, dass <div></div> zeilenumbrüche erzeugt oder?..

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Mehrere Ansprechbare Elemente ohne Zeilenumbruch

    da is schon fehler nummer 2.. direkt aufm handy schreiben

    verbinde das ding mit dem pc, erstelle eine anständige html-datei mit sauber formatiertem code und lade die dann irgendwo hoch, so dass wir das ding live prüfen und zerpflücken können

    edit: und beschäftige dich mal mit css. die anordnung der elemente sollte ohne probleme mit floats, clears und co behoben werden können
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    Unregistriert
    Gast

    Standard AW: Mehrere Ansprechbare Elemente ohne Zeilenumbruch

    Ok ich habs hinbekommen. Mir ist aufgefallen dass ich die bezeichnungen im kopf (date1, date2, etc) garnicht mehr verwende, waren vn einem alten versuch. Deswegen haben sie auch keinen einfluss auf den text gehabt.
    Hab jetzt im kopf dinge wie:
    #mo { position: absolute; top: 460px; left: 20px; color: white;}
    Eingefügt und es läuft ^^

    Danke für die hilfe

Ähnliche Themen

  1. Mehrere Elemente auswählen
    Von Shyne im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 17
    Letzter Beitrag: 07.11.2009, 11:46
  2. JavaScript: onclick-Wechsel für mehrere Elemente
    Von SinnlosS im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 06.08.2009, 18:37
  3. Antworten: 1
    Letzter Beitrag: 22.12.2008, 09:14
  4. Zeilenumbruch "erzwingen" (ohne <br>)
    Von Rüdicher im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 21.08.2008, 11:10
  5. Mehrere Elemente auf einer Seite
    Von N3cr0m4ncer im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 15.08.2004, 16:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •