| Autor | Zpráva | ||
|---|---|---|---|
| petkoo12 Profil |
#1 · Zasláno: 13. 5. 2013, 19:32:30
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 |
#2 · Zasláno: 13. 5. 2013, 19:35:54
petkoo12:
Lepší by byl odkaz na tu stránku kde to chcete rozchodit, abychom viděli, co děláte špatně. |
||
| MyShare Profil |
#3 · Zasláno: 13. 5. 2013, 20:52:58
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; } |
||
|
Časová prodleva: 11 let
|
|||
0