tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
0
ZUGRIFFE
1054
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 11.09.10 17:55 #1
    DEDEX7200Pro Tutorials.de Gastzugang
    Hallo Leute, ich habe ein Problem mit Tabindex, sobald ich ein Feld (egal ob das Feld mit Tabindex="1" oder Tabindex="2" läuft). Mein Script ist aber meines Wissens korrekt. Firefox 4 Beta, selbst Flock, Opera und IE8 akzeptieren dies. Wenn ich jedoch den Autofocus entferne, dann geht es. Da ich ein Suchfeld für eine Suche auf meiner privaten Homepage mache, wäre es gut, dass wenn man die suche.php öffnet, gleich seinen Suchbegriff eingeben könnte.

    Hier mein Code (habs aus meiner CMS, deshalb <module:XX>)

    HTML-Code:
    <!DOCTYPE html>
<html>
<head lang="de">
	<meta charset="utf-8">
	<title><module:maintitle></title>
	<module:style>
	<script>
    document.createElement("article");  
    document.createElement("footer");  
    document.createElement("header");  
    document.createElement("hgroup");  
    document.createElement("nav");  
    document.createElement("menu");
	</script>
	<!--[if IE]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>
<header>
<a tabindex="14" href="#">Registrieren</a>
<a tabindex="15" href="#">Anmelden</a>
</header>
<section id="main">
<section id="logo">
<a href="#"><img src="<module:imageurl>logo.gif" width="275" height="61"/></a>
</section>
<nav>  
    <ul>
        <li><a href="?site=main">Home</a></li>
        <li><a href="?site=search">Suche</a></li>
	</ul>
</nav>
<section id="ebene">
<FORM action="search.php" name="s">
<input type="text" name="search" size="50" tabindex="1" placeholder="Bitte geben Sie einen Suchbegriff ein..." required autofocus>
<input type="submit" tabindex="2" value="Suchen">
</FORM>
</section>
<section id="copyright">
&copy; <module:maintitle> <module:year>
</section>
</section>
<footer>
Hier mein Footer ohne Inhalt^^
</footer>
</body>
</html>
    Meine Css und so muss ich ja nicht mitsenden Ist kein stylisches Problem. Im übrigen könnt ihr die 2 Javascripts in eure HTML5-Datei laden und dann in eurer Style.css folgenden Eintrag machen, damit eure Seite auch mit nicht HTML5-Browsern (z.B. Firefox 3.6 oder älter) kompaibel ist.

    Style.css-Eintrag:
    Code :
    1

    header,footer,article,section,nav,menu,hgroup{display:block}

    Edit: Hab den Code-Tag falsch gesetzt Und nun hab ich eine Lösung; zwar nicht so schön, aber sie funktioniert:

    ich hab
    Code :
    1

    <body>
    mit
    Code :
    1

    <body onload="focus()">
    ersetzt und hab in den head-bereich folgenden javascript eingefügt:
    Code :
    1

    <script>function focus(){document.s.search.focus();}</script>
    Geändert von DEDEX7200Pro (11.09.10 um 18:02 Uhr)
     
    Zitieren Zitieren
« html5 align-Problem | [Internet Explorer] DIV height 100% in TABLE->TD »

Ähnliche Themen

  1. html5 align-Problem
    Von Der-Joseph im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 09.09.10, 12:55
  2. Chrome Safari focus() Problem
    Von one6666 im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 04.04.10, 05:56
  3. Safari 4 Frage bzw. Safari allgemein
    Von di_ettelo im Forum Mac OS
    Antworten: 6
    Letzter Beitrag: 07.01.10, 14:04
  4. $.get Problem im Safari
    Von D34DL1NES im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 22.09.09, 22:27
  5. dynamic text input - autofocus?
    Von harrry im Forum Flash Plattform
    Antworten: 2
    Letzter Beitrag: 17.02.05, 21:34

Stichworte