jQuery Forum

Hi

My code(php and xml) here:
<taconite>
<append select="#testdiv">
<pre>
lorem ipsum dolor sit amet
consectetuer adipiscing elit
<br/>
<input type="hidden" value="1">
</pre>
</append>
</taconite>

When I use any input filed here,it doesnt work,if I remove it,works good.

Very strange issue:

1.it works under firefox
2.it works with my webhost
3.failed when I tested with my local wamp environment(php/apache/mysql),and under ie 7
failed call back from server,no response,even simplest example from malsup website

such as:

<form id="htmlForm" action="html-echo.php" method="post"> 
    Message: <input type="text" name="message" value="Hello HTML" /> 
    <input type="submit" value="Echo as HTML" /> 
</form>

<?php 
echo '<div style="background-color:#ffa; padding:20px">' . $_POST['message'] . '</div>'; 
?>

// prepare the form when the DOM is ready 
$(document).ready(function() { 
    // bind form using ajaxForm 
    $('#htmlForm').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '#htmlExampleTarget', 
 
        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() { 
            $('#htmlExampleTarget').fadeIn('slow'); 
        } 
    }); 
});

Whats wrong with my local environment? XML MODULE?

Thanks!

Hi

I found this plugin is helpful,but has issue with ie 7,works in firefox
What I want is that prepend and slide down effect,but there must be a table wrap the text.

Here is my code

xml:
<taconite>
        <beforeAndslide select="#example4">
        <div id="ex1"><table><tr><td>some text</td></tr></table></div>
    </beforeAndslide>
</taconite>

js:
    $.fn.beforeAndslide = function(newContentElements) {
      return this.each(function() { 
            $("#example4").prepend(newContentElements).find("#ex1:first").hide().slideDown('fast');
      });
    };

    $('#chatinput').ajaxForm({
        success: function() {
        }
    });

html:
<div id="example4"></div>

<form method="post" action="my.php" id="chatinput">
    <input  name="message" type="text" />
<input   id="send" type="submit" value="Shout"/>
 </form>


Really works great in firefox,no response in ie7.

thanks!

I have one page with same button list(same form class name/button class name),I want click add fav button then update something.But I found cant find child element that I clicked.

My code

<form class="addfav" action="getphp.php" method="post">
<input type="hidden" name="itemid" value="0010" />
<input type="submit" value="add fav" class="favformbutton" />
</form>

<form class="addfav" action="getphp.php" method="post">
<input type="hidden" name="itemid" value="0011" />
<input type="submit" value="add fav" class="favformbutton" />
</form>

 <script type="text/javascript">
$(document).ready(function() {
    $(".addfav").each(function(){
    $(this).ajaxForm({
        dataType:  'json',
        success:    function() {
        $(this).find('.favformbutton').attr('disabled', true).attr('value', 'added').attr('class', 'favformbutton-disabled');
    }
    });
    });
});
    </script>


Thanks!