JSFiddle - React, Tailwind, and code Playground

by reporter

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
    <title>Test</title>
    
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
        
    <!--link rel="stylesheet" type="text/css" href="Test_files/style.css"-->
    
    <script type="text/javascript" src="http://henrmul.de/Downloads/ex/jquery-1.6.3.js"></script>
    <script type="text/javascript" src="http://henrmul.de/Downloads/ex/info.js"></script>
    
        <form method="get" action="">
            <p><select>
                <option value ="0">Bitte wählen</option>
                <option value ="1">Auswahl 1</option>
                <option value ="2">Auswahl 2</option>
                <option value ="3">Auswahl 3</option>
                <option value ="4">Auswahl 4</option>
                <option value ="5">Auswahl 5</option>
                <option value ="6">Auswahl 6</option>
            </select>
            <input type="text" size="50" name="search" value="Suchbegriff"></input>
          <input type="submit" value="OK"></input>
          </p>    
        </form>

    <div id="div">
            <span id="span">
                <script type="text/javascript">document.writeln(Quelle);</script>
            </span>
        </div>
    
     <div id="Bereich_B">
    <p>anderer Bereich</p>
    </div>
</body></html>

CSS

body {
  text-align: center;
}

#Bereich_B {
  margin: 20px 0 0 0;
  height: 120px;
  border:1px solid #000;
}

#div {
padding: 0 100px 0 100px;
background-color:#D2E4E6;
border:0px solid #000;
display:none;
}

#span {
width:575px;
    font-size:92%;
    color:#000;
opacity: 0;
}

JavaScript

$('select').change(function (event)
{
    event.preventDefault();
    meineAuswahl = $(this).val();
});

$('input').click(function (event)
{
  event.preventDefault();
  $("div").delay(1000).fadeIn(500, function () {
    $("span").delay(2000).fadeIn(2000);
  });
  return false;
});