Page 1 of 1

jQuery working well in all browsers except safari

Posted: Fri Jun 10, 2011 2:24 am
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.

Re: jQuery working well in all browsers except safari

Posted: Fri Jun 10, 2011 7:35 am
by Weirdan
http://jsfiddle.net/gTgEG/ - works for me with latest safari/win