<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>body{font-family:Helvetica,Arial;font-size:13px}</style>
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;">
<div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;">
Hi Sabine,</div>
<div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;">
<br>
</div>
<div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;">
your code looks like:</div>
<div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;">
<br>
</div>
<div id="bloop_customfont" style="font-size: 13px; margin: 0px;"><span style="color: rgb(10, 81, 161); font-family: 'normal helvetica', sans-serif;">html mdlLayoutContent</span> <span style="color: rgb(10, 81, 161); font-family: 'normal helvetica', sans-serif;">onScroll:
 (html jQuery ajax script: [ :s |</span> <span style="color: rgb(10, 81, 161); font-family: 'normal helvetica', sans-serif;">... ]).</span></div>
<div id="bloop_customfont" style="font-size: 13px; margin: 0px;"><span style="color: rgb(10, 81, 161); font-family: 'normal helvetica', sans-serif;"><br>
</span></div>
<div id="bloop_customfont" style="margin: 0px;"><font color="#0a51a1" face="normal helvetica, sans-serif">That creates two things: </font></div>
<div id="bloop_customfont" style="margin: 0px;"><font color="#0a51a1" face="normal helvetica, sans-serif"><span class="Apple-tab-span" style="white-space:pre"></span>html like this: <div id=„id123123“ class=„blah“></div> </font></div>
<div id="bloop_customfont" style="margin: 0px;"><font color="#0a51a1" face="normal helvetica, sans-serif"><span class="Apple-tab-span" style="white-space:pre"></span>javascript like: jQuery(„#id123123“).scroll(function(){jQuery.ajax….});</font></div>
<div id="bloop_customfont" style="margin: 0px;"><font color="#0a51a1" face="normal helvetica, sans-serif"><br>
</font></div>
<div id="bloop_customfont" style="margin: 0px;"><font color="#0a51a1" face="normal helvetica, sans-serif">jQuery works by specifying a selector and then configuring the resulting objects. The selector is jQuery(„#123123“). It’ll try to find all objects with
 the specified ID. The configuration is the scroll-handler that you specified, it’ll be registered with the found objects.</font></div>
<div id="bloop_customfont" style="margin: 0px;"><font color="#0a51a1" face="normal helvetica, sans-serif"><br>
</font></div>
<div id="bloop_customfont" style="margin: 0px;"><font color="#0a51a1" face="normal helvetica, sans-serif">Seaside helps here in several ways:</font></div>
<div id="bloop_customfont" style="margin: 0px;"><font color="#0a51a1" face="normal helvetica, sans-serif">- when you send #onScroll: to the brush, it’ll automatically add a load-script so that the scroll-handler is registered.</font></div>
<div id="bloop_customfont" style="margin: 0px;">- it’ll automatically register the scroll-handler for the current brush’s object, by using the brush’s ID.</div>
<div id="bloop_customfont" style="margin: 0px;"><br>
</div>
<div id="bloop_customfont" style="margin: 0px;">As <body> cannot be accessed as a Brush, you have to do more manual work: </div>
<div id="bloop_customfont" style="margin: 0px;">1. you need to add the load-script by hand (this is done by sending #addLoadScript: to the canvas’ document. </div>
<div id="bloop_customfont" style="margin: 0px;">2. you need to create a jQuery instance that refers to the <body> object. This is done by calling (html jQuery: ‚body‘). </div>
3. this jQuery instance also understands a #onScroll: method and it also registers the provided event handler.
<div><br>
</div>
<div>You don’t need to modify the handler itself, it appears to return a script anyway and it doesn’t seem to do anything with the object that is scrolled.</div>
<div><br>
</div>
<div>So instead of: </div>
<div>
<div id="bloop_customfont" style="margin: 0px;"><span style="color: rgb(10, 81, 161); font-family: 'normal helvetica', sans-serif;"><br>
</span></div>
<div id="bloop_customfont" style="margin: 0px;"><span style="color: rgb(10, 81, 161); font-family: 'normal helvetica', sans-serif;">html mdlLayoutContent</span> <font color="#a1020f"><span style="font-family: 'normal helvetica', sans-serif;">onScroll: (html
 jQuery ajax script: [ :s |</span> <span style="font-family: 'normal helvetica', sans-serif;">... ]).</span></font></div>
<div id="bloop_customfont" style="margin: 0px;"><span style="color: rgb(10, 81, 161); font-family: 'normal helvetica', sans-serif;"><br>
</span></div>
<div id="bloop_customfont" style="margin: 0px;">you call:</div>
<div id="bloop_customfont" style="margin: 0px;"><br>
</div>
<div id="bloop_customfont" style="margin: 0px;">
<div id="bloop_customfont" style="margin: 0px;"><span style="color: rgb(10, 81, 161); font-family: 'normal helvetica', sans-serif;">html document addLoadScript</span><font color="#0a51a1" face="normal helvetica, sans-serif">: ((html jQuery: ‚body‘)
</font><font color="#b12225"><font face="normal helvetica, sans-serif">onScroll: (html jQuery ajax script: [ :s |</font> <span style="font-family: 'normal helvetica', sans-serif;">... ])</span></font><span style="color: rgb(10, 81, 161); font-family: 'normal helvetica', sans-serif;">).</span></div>
<div id="bloop_customfont" style="margin: 0px;"><br>
</div>
<div id="bloop_customfont" style="margin: 0px;">Kind Regards</div>
<div id="bloop_customfont" style="margin: 0px;">Karsten</div>
<div id="bloop_customfont" style="margin: 0px;"><br>
</div>
<div id="bloop_customfont" style="margin: 0px;"><br>
</div>
<div id="bloop_customfont" style="margin: 0px;"><br>
</div>
</div>
<div id="bloop_customfont" style="margin: 0px;"><br>
</div>
<div id="bloop_customfont" style="margin: 0px;">Am 30. März 2017 um 13:58:44, Sabine Manaa (<a href="mailto:manaa.sabine@gmail.com">manaa.sabine@gmail.com</a>) schrieb:</div>
<blockquote type="cite" class="clean_bq"><span>
<div>
<div></div>
<div>
<title></title>
<div dir="ltr">Hi Karsten, 
<div><br>
<div>thank you for responding!</div>
<div><br>
</div>
<div>Sorry but I have to ask how to proceed,  how to call the handler there?</div>
<div><br>
</div>
<div>What to write after onScroll: ? </div>
<div><br>
</div>
<div>Regards</div>
<div>Sabine </div>
<div><br>
</div>
</div>
</div>
<div class="gmail_extra"><br>
<div class="gmail_quote">2017-03-30 13:11 GMT+02:00 Karsten Kusche [via Smalltalk]
<span dir="ltr"><<a href="/user/SendEmail.jtp?type=node&node=4940539&i=0" target="_top" rel="nofollow" link="external">[hidden email]</a>></span>:<br>
<blockquote style="border-left:2px solid #CCCCCC;padding:0 1em; margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex" class="gmail_quote">
<div id="m_-850335246805771551bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px;color:rgba(0,0,0,1.0);margin:0px;line-height:auto">
Hi Sabine,</div>
<div id="m_-850335246805771551bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px;color:rgba(0,0,0,1.0);margin:0px;line-height:auto">
<span class=""><br>
</span></div>
<div id="m_-850335246805771551bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px;color:rgba(0,0,0,1.0);margin:0px;line-height:auto">
<span class=""><br>
</span></div>
<blockquote style="border-left:2px solid #CCCCCC;padding:0 1em; border-left:2px solid #cccccc;padding:0 1em" type="cite" class="m_-850335246805771551clean_bq">
<div>
<div><span class="">html mdlLayoutContent<br>
onScroll: (html jQuery ajax script: [ :s |<br>
...do something with my model so I don't want use pure javascript... ]);<br>
with: aBlock.<br>
<br>
</span></div>
</div>
</blockquote>
<div><br>
</div>
<span class="">you can keep the handler and just register it with the body via:</span>
<div><span class=""><br>
</span></div>
<div><span class="">html document addLoadScript: ((html jQuery:’body’) onScroll:…)</span></div>
<div><span class=""><br>
</span></div>
<div><span class="">Kind Regards</span></div>
<div><span class="">Karsten</span></div>
<span class=""><br>
</span>______________________________<wbr>_________________<br>
seaside mailing list<br>
<a href="http:///user/SendEmail.jtp?type=node&node=4940527&i=0" rel="nofollow" link="external" target="_blank">[hidden email]</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="nofollow" link="external" target="_blank">http://lists.squeakfoundation.<wbr>org/cgi-bin/mailman/listinfo/<wbr>seaside</a><br>
<br>
<br>
<hr noshade="noshade" size="1" color="#CCCCCC">
<div style="color:#444;font:12px tahoma,geneva,helvetica,arial,sans-serif">
<div style="font-weight:bold"><span class="">If you reply to this email, your message will be added to the discussion below:</span></div>
<a href="http://forum.world.st/bind-onScroll-event-with-Ajax-call-to-body-tag-tp4940510p4940527.html" target="_blank" rel="nofollow" link="external">http://forum.world.st/bind-<wbr>onScroll-event-with-Ajax-call-<wbr>to-body-tag-tp4940510p4940527.<wbr>html</a></div>
<div style="color:#666;font:11px tahoma,geneva,helvetica,arial,sans-serif;margin-top:.4em;line-height:1.5em">
<span class="">To start a new topic under Seaside General, email <a href="/user/SendEmail.jtp?type=node&node=4940539&i=1" target="_top" rel="nofollow" link="external">
[hidden email]</a><br>
</span>To unsubscribe from bind onScroll event with Ajax call to body tag, <a href="" target="_blank" rel="nofollow" link="external">
click here</a>.<br>
<a href="http://forum.world.st/template/NamlServlet.jtp?macro=macro_viewer&id=instant_html%21nabble%3Aemail.naml&base=nabble.naml.namespaces.BasicNamespace-nabble.view.web.template.NabbleNamespace-nabble.view.web.template.NodeNamespace&breadcrumbs=notify_subscribers%21nabble%3Aemail.naml-instant_emails%21nabble%3Aemail.naml-send_instant_email%21nabble%3Aemail.naml" rel="nofollow" style="font:9px serif" target="_blank" link="external">NAML</a></div>
</blockquote>
</div>
<br>
</div>
<br>
<hr align="left" width="300">
View this message in context: <a href="http://forum.world.st/bind-onScroll-event-with-Ajax-call-to-body-tag-tp4940510p4940539.html">
Re: bind onScroll event with Ajax call to body tag</a><br>
Sent from the <a href="http://forum.world.st/Seaside-General-f86180.html">Seaside General mailing list archive</a> at Nabble.com.<br>
_______________________________________________<br>
seaside mailing list<br>
seaside@lists.squeakfoundation.org<br>
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside<br>
</div>
</div>
</span></blockquote>
</div>
</body>
</html>