reload() mit style ändern

der_kps · 28. Februar 2020

Hallo,

ich habe eine HTML-Seite, u.a. mit

Code

<button type='button' name='my_But' onclick='my_Func()' style='background-color: #ffff99;'>Button drücken</button>

Das Script soll bei onclick u.a. aus dem cache neu laden und dabei den Style im Button ändern

Code

function my_Func()
{
...
<name='my_But' style='background-color: #00ff00;' >
location.reload()
}

Tut es aber aber nicht.

Obwohl: neu laden ohne meinen untauglich Versuch mit style funzt.

Was habe ich falsch gemacht?

Ein gescheites Suchwort in Google zum Problem fällt mir auch nicht ein.

vG

basti1012 · 28. Februar 2020

Wenn du den Button eine neue Farbe geben tust und die Seite dann neu laden tust , ist die Farbe wieder weg.

Wenn dann must das in localstorage oder cookie speichern .

An der url hängen wäre auch noch machbar.

Nur ohne das oder ohne php bekommt der Button nach den neu laden keine andere Farbe

Stef · 29. Februar 2020

Zitat von basti1012

Nur ohne das oder ohne php bekommt der Button nach den neu laden keine andere Farbe

Er kann auch auf den Button beim Click die Funktion preventDefault() anwenden welche verhindert, dass die Seite neu geladen wird.

der_kps · 1. März 2020

Hallo!

Es ist richtig, wenn reload() ausführe, drehe ich mich im Kreis.

Und mein Ansatz , das Element 'Button' anzusprechen, ist völlig untauglich.

Die Lösung ist 'getElementById()'. Dazu benötigt der Butten eine 'id' für die Ansprache.

Also zusammenfassend ein Ausschnitt

HTML

<!DOCTYPE HTML>
  <html>
    <head>
      <style>
        .button0
        {
        background-color: #ffff4d;
        font-size: 24px;
        }
        .button1
        {
        background-color: #71da71;
        }
      </style>
    </head>
    <body>
      <center>
      <button type='button' id='doit' class='button0' onclick='My_Function()'>Eingaben jetzt senden</button>
      </center>
          <script>
          function My_Function() 
            {
            document.getElementById('doit').innerHTML = 'Eingaben wurden gesendet';
        
            var element = document.getElementById('doit');
            element.classList.add('button1');
            }
           </script>
    </body>
  </html>

Alles anzeigen

basti1012 · 1. März 2020

So würde es auch ohne id gehen

Code

<button onclick='my_Func(this)' style='background: #ffff99;'>Button drücken</button>

<script>
  function my_Func(elem){
  elem.style.background='red';
}
</script>

reload() mit style ändern

Jetzt mitmachen!

Teilen

Tags