Dobry wieczór,
chciałem ogarnąć skrypcik z javascriptem, jednak nie umiem go widocznie zaimplementować odpowiednio (a jeśli chodzi o js i css jestem totalnym laikiem..)
konkretniej:
chciałem użyć tego: http://jsfiddle.net/ZTs42/2/
więc zrobiłem taki plik:
<html>
<head>
<style>
.selectboxit, .selectboxit-container .selectboxit-options {
width: 600px; /* Width of the dropdown button */
border-radiu:0;
max-height:200px;
}
.selectboxit-options .selectboxit-option .selectboxit-option-anchor {
white-space: normal;
min-height: 30px;
height: auto;
}
</style>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script>
$(function(){
$("#testselectset").selectBoxIt({
theme: "default",
defaultText: "Make a selection...",
autoWidth: false
});
$("#testselectset").change(function(){
alert("You selected: "+this.value+" from the Selectboxit plugin");
});
});
</script>
</head>
<body>
<section style="background-color:rgb(237.247.249);">
<h2>Test of select menu (SelectboxIt plugin)</h2>
<select name="select_this" id="testselectset">
<option value="01">Option 1</option>
<option value="02">Option 2</option>
<option value="03">Option 3</option>
<option value="04">Option 4</option>
<option value="05">Option 5</option>
<option value="06">Option 6</option>
<option value="07">Option 7 with a really, really long text line that we shall use in order to test the wrapping of text within an option or optgroup</option>
<option value="08">Option 8</option>
<option value="09">Option 9</option>
<option value="10">Option 10</option>
</select>
</section>
</body>
</html>
natomiast po otwarciu działa mi jedynie kod z html'a...
jeśli bym umieścił dodatkowy skrypt na zwyczajny alert - on wtedy działa, reszta nadal nie.
Dlaczego tak się dzieje i co robię źle?