jQuery working well in all browsers except safari

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
dheeraja
Forum Commoner
Posts: 36
Joined: Tue Nov 09, 2010 11:03 pm

jQuery working well in all browsers except safari

Post by dheeraja »

I made two multiple selection drop down list & want to put content of first list to second one, so I did that & its working fine in all browsers except Safari, please let me know if I did anything wrong. Below is my code:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#assign_right").click(function(){
            $("#place_article_list").append($("#article_left_list option:selected:not(:empty)").clone());
            $("#article_left_list option:selected").remove();
        });

        $("#assign_left").click(function(){
            $("#article_left_list").append($("#place_article_list option:selected:not(:empty)").clone());
            $("#place_article_list option:selected").remove();
        });

        $("#assign_whole_right").click(function(){
            $("#place_article_list").append($("#article_left_list option:not(:empty)").clone());
            $("#article_left_list option").remove();
        });

        $("#assign_whole_left").click(function(){
            $("#article_left_list").append($("#place_article_list option:not(:empty)").clone());
            $("#place_article_list option").remove();
        });
    });
</script>
</head>

<body>
<select class="multiple-select" name="article_list" id="article_left_list" size="6" multiple="multiple">
    <?php
        while($select_row = mysql_fetch_array($select_result))
        {
            echo '<option value="'.$select_row['article_id'].'">'.$select_row['article_title'].'</option>';
        }
    ?>
</select>

<ul>
    <li><input type="button" id="assign_right" name="assign_right" value=">" style="width:35px;" title="Assign Right" /></li>
    <li><input type="button" id="assign_whole_right" name="assign_whole_right" value=">>" style="width:35px" title="Assign Whole Right" /></li>
    <li><input type="button" id="assign_left" name="assign_left" value="<" style="width:35px" title="Assign Left" /></li>
    <li><input type="button" id="assign_whole_left" name="assign_whole_left" value="<<" style="width:35px" title="Assign Whole Left" /></li>
</ul>

<select class="multiple-select" id="place_article_list" name="place_article_list" size="6" multiple="multiple">
</select>
</body>
</html>
Note: Its showing me no error no warning nothing, just its not working.
User avatar
Weirdan
Moderator
Posts: 5978
Joined: Mon Nov 03, 2003 6:13 pm
Location: Odessa, Ukraine

Re: jQuery working well in all browsers except safari

Post by Weirdan »

http://jsfiddle.net/gTgEG/ - works for me with latest safari/win
Post Reply