Witam, szukam kogos kto moglby mi przerobic skrypt JS na jQuery, sam ani w jednym ani w drugim mocny nie jestem, musze to przerobic bo JS nie obsluguje czegos takiego jak getElementsByClass,
mam taki skrypt JS
var page = 1;
var new_page = 0;
function toggle_title(page, new_page) {
document.getElementById('div'+page).style.display = 'none';
document.getElementById('divv'+page).style.display = 'none';
document.getElementById('div'+new_page).style.display = 'block';
document.getElementById('divv'+new_page).style.display = 'block';
}
function next_title() {
new_page = page + 1;
if ( new_page > 3 ) new_page = 1;
toggle_title(page, new_page); // zmiane display wywalilem do osobnej funkcji
page = new_page;
}
function prev_title() {
new_page = page - 1;
if ( new_page > 3 ) new_page = 1;
toggle_title(page, new_page); // zmiane display wywalilem do osobnej funkcji
page = new_page;
}
i do pomocy taki HTML (kawalek kodu)
<table style="border: 1px solid white;"> <td style="width: 1000px;"> <div style="float: left; width: 50px; color: white;"><b>ID
</b></div> <div id="div1" style="float: left; width: 240px; dispaly: block; color: white;"><b>Tytuł (j. polski)
<a href="#" style="color: white; text-decoration: none;" onClick="next_title()"> >
</a></b></div> <div id="div2" style="float: left; width: 240px; display: none; color: white;"><b><a href="#" style="color: white; text-decoration: none;" onClick="prev_title()"> < </a>Tytuł (j. angielski)
<a href="#" style="color: white; text-decoration: none;" onClick="next_title()"> >
</a></b></div> <div id="div3" style="float: left; width: 240px; display: none; color: white;"><b><a href="#" style="color: white; text-decoration: none;" onClick="prev_title()"> < </a>Tytuł (j. niemiecki)
</b></div> <div style="float: left; width: 75px; color: white;"><b>Folder
</b></div> <div style="float: left; width: 75px; color: white;"><b>Obr. główny
</b></div> <div style="float: left; width: 75px; color: white;"><b>Obr. dodat.
</b></div> <div style="float: left; width: 100px; color: white;"><b>Akcja
</b></div>
<?
$rows = mysql_num_rows($query);
if($rows > 0) {
while($assoc = mysql_fetch_assoc($query)) { ?>
<div style="float: left; width: 50px; color: white;"><? echo $assoc['ID']; ?></div> <div id="divv1" style="float: left; width: 240px; display: block; color: white;"><? echo $assoc['title_pl']; ?></div> <div id="divv2" style="float: left; width: 240px; display: none; color: white;"><? echo $assoc['title_en']; ?></div> <div id="divv3" style="float: left; width: 240px; display: none; color: white;"><? echo $assoc['title_de']; ?></div> <div style="float: left; width: 75px; color: white;"><? $cut = explode('/', $assoc['folder']); echo $cut[0]; ?></div> <div style="float: left; width: 75px; color: white;"><? if(!empty($assoc['prim_image']) and $assoc['prim_image']!=' ') { echo 'Tak'; } else { echo 'Brak'; } ?></div> <div style="float: left; width: 75px; color: white;"><? $amount=0; for($i=1; $i<=10; $i++) { if(!empty($assoc['image_'.$i]) and $assoc['image_'.$i] != ' ') { $amount++; } } echo $amount; ?></div> <div style="float: left; width: 100px; color: white;"> <a style="color: white;" href="panel.php?id=<? echo $id; ?>&edit=<? echo $assoc['ID']; ?>">Edytuj
</a> /
<? echo '<a style="color: white;" href="panel.php?id='.$id.'&del='.$assoc['ID'].'" onClick="return confirm(\'Czy na pewno chcesz usunąć rekord od ID '.$assoc['ID'].'?\nZmiany będą nieodwracalne.\')">Usuń
</a>'; ?>
<? }
} else { ?>
<? } ?>
Prosze o pomoc i pozdrawiam.