Autor Zpráva
petkoo12
Profil
Ahojte na stranke http://www.csskarma.com/blog/sliding-labels-plugin som nasiel jeden javascript pre formular ale nech ho skusam hociako implementovat do mojej stranky tak mi to nechce fungovat a uz som zufali. Ak by stem i vedeli napisat co a ako mam spravit aby mi to fungovalo dakujem
Joker
Profil
petkoo12:
Lepší by byl odkaz na tu stránku kde to chcete rozchodit, abychom viděli, co děláte špatně.
MyShare
Profil
petkoo12:
To ti nekto neporadí prečo ti to nefunguje ak sem nedáš link na stránku kde to máš vložené alebo aspoň kód...
Ale mne stačilo jednoduché copy/paste a bez nejakých doťahov to funguje.
Dobre si prejdi môj html a tvoj html ;)
HTML
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<h1>Sliding Labels plugin demo</h1>

<form id="contact-form">

<ul>
  <li class="slider">
    <label for="name">name</label>
    <input type="text" id="name" name="name">
  </li>
  <li class="slider">
    <label for="url">url</label>
    <input type="text" id="url" name="url">
  </li>
  <li class="slider">
    <label for="email">email</label>
    <input type="text" id="email" name="email">
  </li>
</ul>

<button type="submit">Submit</button>

</form>

<!--JavaScript-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://www.csskarma.com/lab/jquery.plugins/jquery.slidinglabels.min.js"></script>
<script>
$(function(){

  $('#contact-form').slidinglabels({

    /* these are all optional */
        className    : 'slider', // the class you're wrapping the label & input with -> default = slider
    topPosition  : '5px',  // how far down you want each label to start
    leftPosition : '5px',  // how far left you want each label to start
    axis         : 'x',    // can take 'x' or 'y' for slide direction
    speed        : 'fast'  // can take 'fast', 'slow', or a numeric value

  });

});
</script>

</body>
</html>

CSS
body{ width:500px;margin:auto; }
ul{ margin:0;padding:0;list-style:none; }
li  { margin:15px 0;  }

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: