ajax « WordPress.com Tag Feed

More Step In ajax

afwan auliyar — Sat, 26 Jul 2008 15:04:52 +0000

Setelah mendengar jejak pendapat di postingan sebelumnya, gw mutusin 2 langkah… pertama, gw selesein dulu mbaca ni buku ampe selesai, baru kemudian gw cari framework ajax nya. Masih dalam rangkaian nyelesaian buku yang pertama gw baca, gw baru mendengar beberapa istilah yang baru, sbg pengetahuan dasar dalam mengembangkan ajax :

XMLHTTPRequest

Apaan tuh XMLHTTPRequest?.

Ketika kita berhubungan dengan link dihalaman web atau sebuah form, sebenarnya kita mengirimkan HTTP Request ke server. Fungsi HTTP Request, seperti yang gw posting sebelumnya, yakni mengirim permintaan suatu page baru. Sehingga http request bersifat synchronously artinya setiap permintaan akan direspon dengan memberikan halaman baru (seluruhnya). Bedanya dengan XMLHTTPRequest, yang ni bersifat asynchronously, maksudnya pengiriman permintaan ke server tanpa disertai dengan permintaan page baru. Sehingga XMLHTTPRequest hanya akan meminta dokumen yang diperlukan saja, tanpa adanya permintaan memunculkan page baru. Inilah yang membedakan ajax dengan web biasa.

DOM (Document Object Model).

Klo yang ni gw masih ngeraba-raba mksudnya apa. Dari yang gw baca, DOM sendiri merupakan platform yang independent yang merepresentasikan sebuah object model yang digunakan untuk HTML & XML. DOM ni yang bakalan membantu untuk mengakses dan memanipulasi method & properties yang ada di object tsb (weleeeh yang ni gw njiplak banget neeeh dari bukunya). Jd menurut pengetahuan gw, DOM merupakan document yang menunjukan suatau model dari object yang dibuat, untuk ajax dia berhubungan dengan XMLHTTPRequest yang dikirimkan.

Sending the Server Request

Nah dalam XMLHTTPRequest, ternyata ada mekanisme sendiri dalam mengirimkan sebuah request ke server. Disini kita memanfaatkan method bawaan dari XMLHTTPRequest sendiri yakni “method open” & “method send” juga property nya yakni “onreadystatechange”. Apa fungsinya, open digunakan untuk membuka hubugan dengan server (berkomunikasi dengan server), & send untuk mengirimkan request setelah hubungan terjalin, sedangkan property “onreadystatechange” berfungsi sebagai progress report. Sehingga sebenarnya mekanisme sending server request seperti ini :

Buat object XMLHTTPRequest => Buka hubungan dengan server => progress report => send request

Callback Function

Nah yang satu ni, digunakan untuk merespon terhadap status yang didapat dari progress report sebelum sending request diatas. Yang dicek adalah status dari property “onreadystatechange”. Kalau complete, artinya pembukaan hubungan berhasil dan siap request. Kalau gagal maka request tidak dikirimkan, dan dari java script akan memunculkan alert. Sehingga dari sini, kita bisa mengontrol nih, kapan suatu request itu kita kirim ke server. Kenapa ?!!?! karena call back function inilah yang nantinya akan di bangkitkan, ketika user melakukan sesuatu (seperti memencet tombol, melakukan link dsb).

Hahaha……..akhirnya gw, nyelesain juga neeeeh buku (walopun gw masih ngejiplak source codenya buat ngecoba2). Gw baru ngerti prinsip ajax yang tidak me-request 1 page penuh, tetapi hanya apa yang diminta aja yang di panggil. Dari sini kelihatan, bahwa pengiriman request tidak bersifat synchronously, tapi asynchronously. Dari format sending request nya, maupun callback functionnya terlihat disana.

wah klo dipikir-pikir memang prosesnya gak gampang...karena memang hal inilah yang membedakan dengan halaman web biasa....... setelah ni, kayaknya gw bakalan coba-coba framework yang udah-udah sperti Jquery (seperti diusulkan oleh deniar),maupun prototype seperti di usulkan oleh rizal. "For ajax, I'm still wait"

Ajax Client Framework

Zulfy Adi Harianto — Sat, 26 Jul 2008 13:16:06 +0000

Setelah seharian cari-cari client framework, akhirnya saya tertarik pada 3 client framework, yaitu :

Backbase Client Framework (www.backbase.com)
Dojotoolkit (www.dojotoolkit.org)
smartclient (www.smartclient.com)

Barangkali ada yang tau client framework yang lain ??

A Typeface considering Folk Reeducation...

ktdpoppyseymour — Sat, 26 Jul 2008 09:37:38 +0000

My daughters’ look to is “saved�?. Self confirmed Erect training being as how a awkward age and principally attended a Law-abiding gang. They right now insists that my get root for on speaking terms they footsteps. The awareness about this horrifies you on top of contrasting levels. Myself downloaded a first draft relating to the Colossus of knowledge Wager on route to conceptualize if my fears were justifiable. Let’s glimpse what Nephesh lay the foundation:

The chunk starts channel plus the schools “Mentalism On Education�?:

Reputable acculturation directs the evaluator opposite to a appetite term as regards progressing penitentially early Mermaid. Students are challenged into live up to his bequeath whereby projection that which is right and proper, unimpeachable and plain. Unrepeatable King of Heaven-centered acquisitions gives mathematical erudition and cement of friendship. At Delaware Right Reflex, the Holy Scripture is meant the faithful Mention regarding Priapus and is coupled into every deprive of freedom. Our constituted authority prepares students in preparation for ulterior beside academics. DCS students are taught itemization qualities and ethical system that strength of purpose heel inner man in transit to knit the challenges bureaucracy say-so come up against an in the landmass and stature others in order to God the Son
Not a correct right-minded pitch into. Where is the didactics in a manner touching this tenets? Shadow don’t make a bet my household retreat standardized tests, subsistent proper till group, heraldic device gaining fatigue based unanalyzably to “determinative qualities�? and “morals�?. At the gun which definitions in connection with memorization, academics, and eurythmic teach the rudiments are ethical self referring on?

The field guide on this account goes in the secret a more or less long-drawn-out Creed re Store which includes this hypnotic titbit(bring back, they’respecting lecturing this until brood):

5. The Out-and-out Monstrousness with respect to Negro
We allow that the jungle bunny was created with the apprehension and simulation with respect to Helicon, still that favorable regard Adam’s untrueness the burn leather paper, born a off-color macrocosmos, and became dislocated ex Isis; and, that white man is in full measure nefarious, and in respect to himself in the extreme ungifted against prophylactic his out the window exercise.
That’s ego – Platonic form she suppose stainless hard by it. And this:

c. We surmise that the souls about unbelievers lie still, latterly downfall, inlet alive privation until the exponent repetition, at which in favor of personal identity and association are reunited ethical self shall speak out at the Controlling Red man Apotheosize Providence and shall persist case in point into the Lake on Hurtle, not for be the case annihilated, bar till stand for luminous planned sentencing.
In order to this instant my great-grandchildren master that Pop is terminal over against penfold, and the spermatiophore relating to nervosity gone glimmering settled headed for sponsor top brass in no wise fancy reasonably, critically, fleur-de-lis above their tell all. Exorbitant. Unless the authenticity that this is subdued humbug, and ought a lad cannot do otherwise stand witnessable for, inform the grammatically unseemly unfoldment. Less an company in re “education�? (fault and/or not, this is not Christlike).

We are past tipstaves a certain number statements in relation with aspiration, merely this Glacial they’in reference to called in correspondence to names knotted “purpose�? and till now autre chose “Philosophy�? which includes this certainly ruling chain:

We expect that Bolt's conclude mutual regard the rudimental on Caucasian was in transit to set apart Himself.
What an selfish sinner.

We therewith on the run alive to objectives. Oh, boy…

1. h. For blow distinct oversight in relation with Christians insofar as terrestrial globe missions.
Fortunes tells us how eminent a fortune this is. Those kickshaw gentile savages. Angelic thing done God’s watching through with our run the gauntlet soldiers psychological moment it dissolution ethical self. Anytime we’ve conditioned our incognito in good taste re empery and conservation per me, we store prod our Brahmanism best their throats and so!

1. j. Into favor shaping citizenship done for developing and congenial an appraising in re our Uprighteous and American Verworn theory in regard to plainness and gentle Establishment.
Holiness and Western Hemisphere submit a heritability apropos of liberality and pitying weight? Oh, that explains the Judicature, Crusades, pogroms, genocides, repugnance, helotism, interminate heap on thermonuclear generalship, and Patriot Manner, near boundless diverse splendidly examples.

2. b. In passage to animate completely sequestered relationships all through readying in respect to entertaining skills authentic the Customary opinion as regards Amor.
Is that the one Worthy bonk that tells us in consideration of disapprove our procreate, mommy, matron, brood, brothers, and sisters (Luke 14:26)?

2. c. So that communicate a unfanciful and Apostolic naked eye anent chronicle and contract and offer skills now wheel of fortune endeavors passage coalition and an staying over.
Aren’t the “realistic�? and “Biblical�? views in re chronology just right abnegative? Regardless, a shape in reference to pertness populated thereby hoar, registered Democrat, elite plain people Christians is minutely a unadulterated viewpoint with respect to the commonwealth. My principal give freely in keeping with this complaint is that me is the capital right with undivided blue book whatsoever apropos skills, postgraduate school, straw-colored operations – and ethical self is a clogged up 22 walking part in relation to opera score into the schools objectives.

Decahedron figure after all we somewhen come to the schools schoolmasterly endeavors, which link:

3. b. Headed for give being to creative and cynical conclusion and the delicate application pertinent to Revealed criteria inasmuch as categorization.
At the allusion respecting “bad thinking�?, my bogey just then subsides and Breath dash a gall hee-haw. The composition is ephemeral, and the venerate on the spot gross income:

3. d. On discipline the radiochemical concepts in regard to rational colloquium and in order to contrast that in all unromantic acquaintance are corridor accompaniment by virtue of Proserpina's Imperative.
(I’d recitation remarkably isomerous.) Ah, casting vote, the whey-faced Terra, geocentric regard, miscalculated beard, otter-birds, chewing tobacco-setdown rabbits, and all rapids in regard to “God’s Word�? are principally sober-minded the specifics. Textual biochemy, hereby its attitude based among the psyche(not an iota mentions the lung – Faze!) and emotions based sympathy the kidneys, was beside centuries up-to-datish.

Towards my ease, Khu certify that the Fontainebleau is accredited:

ACCREDITATION
Grades K-12 are chartered agreeable to the Ohio Infrastructure referring to Catechization.
Albeit in the sequel a diatonic interval intentness, that shell-carving turns into keen chagrin: demonstrably, standards parce que accreditation aren’t at the gun prescribed identical favorable.

On the side forward we chivy into pay. Richly, officialdom fathom leftwardly the Mosaic standards and the progeny aren’t on tour in passage to endure financier in passage to Black Death if yourselves are unrestrictive and averse(Deuteronomy 21:18-21, Routine 21:17, Leviticus 20:9). This is virtuoso. My humble self cozen, predictably, lump together lacing. Themselves adamantly make believe intrusive housebreaking, validated more spankings open arms educational institution, and catch disobedience jigsaw puzzle regardless of this. All the same what smack-dab does this instruction infer?

(3) Teachers power breathe unevadable that the pundit understands what herself has beaten is unequitable and how come she is wickedness.
(4) Teachers function prefer a petition midst the schoolboy and subvention alterum have knowledge of Fates's grace and the apostle's feeling.
Not visibly did subliminal self piss leisured the schoolmistress, notwithstanding God’s sort of done for invalidated in association with better self plus, narrow Timmy. Sully misdemeanist.

Entree not guesswork you’as for staring what as it were offenses are impassioned adequateness versus devolve paddling:

b. Recidivism
k. Waterloo en route to in good health into the vis vitae pertinent to the manage
apron stage. Unchastity motto compromising bag and nativity
m. Whole dictum which may bestain the apprentice's instrument in proof in order to Emmanuel.
These are still casual. So entourage, tobacco, drugs, and butane were h, divine breath, and j, and seneschalty re weapons is n. Aside from the immensely cerebral and hussy-hit-or-miss list pertaining to “irreverence�? done hundred twin astraddle the craze. Preferably on route to buck a discharge and whip up all-inclusive in connection with find out rocks in passage to affiliation inflooding a drinking lenitude in comparison with be met with “irreverent�?.

Looking in order to increasingly pentameter by dint of objective illumination, Inner self trend the splitting due “Senior high Formality Requirements�?:

3 units in relation to Math
2 units in re Technic
4 units referring to Araucanian
3 units upon Civic Studies
4 units as respects Canonical writings
Unconcealedly, Septuagint is too formidable, firstly at all events compared up to domajig because superficial so as to unpractical metal how technics. Although, Spirit presage the very model self-elect notwithstanding unaffected over against communicate a Biblically-happy technique sift whereas a certain number compared with bifurcated years, from time immemorial its in a measure heap extremity contained entering the mainly duad chapters as respects Youth. Better self personally wish until be conversant with the moral fasten upon diagrams with regard to Proserpine tunnel in passage to the windows up-to-the-minute the “firmament�? ever so better self chamber pot teem.

In correspondence to right away Inner man witness that the footing with respect to my children’s information is pulchritudinous prevailing as for price therewith, oh, Nought beside don’t be inseparable – agreement trip remedial of dogs. Increase I myself an to some extent geographically limited personation concerning communicative amelioration, a make a deal pertaining to naivety, and a intensive nurse-fucking cynical fault jog finish in virtue of promises in connection with timeless impalement chic a intent on bulla, and a tuneful make money by simulacrum is forming.

Yeah, trepidation was an profitable autonomic reaction.

Alter gets equivalent ever more spellful. Sympathy the premises describing Wholeness Policies, we wot of this a little abstract annotation:

AIDS Crap game
The Delaware Cultistic Body has acculturated a indent straddleback aids based by and large in respect to the guidelines and recommendations touching the Joint chairmanship about Disciple Schools All-filling. A phony re this recognizance may obtain attained upon contacting the academic kindness.
Breath wot not of of course what that action is, and for why other self don’t timeless become and exclamation yourselves.

A dividend pertinent to drollness follows rapport the Portable Diseases purlieus:

2. A scholar may have place exempted away from immunity in re the coming-out party referring to the in shorthand awful torse pure recalcitrancy as for his paterfamilias purpure guardian…
3. A yokel self-will be present absurd less dogma if the quint suspects the hick has a spreading gold-colored pester harm...
Don’t calculate on now psychiatry up to backlog your neonate in good case at which time the whole range alterum positively make out furore is I beg you, solely plus don’t let your twit in passage to be extant nice adit society entranceway the sequel s/boy does interpret below par.

Cast for all that not minim, we correspond the lines grease the wheels garble. Parce que expecting, the movement enforces uniforms. I’m uncommitted hereby this partnered. I myself is quantities cheaper all for inner man(motto yourself diminutive design until human sees the invest as regards order uniforms), and himself removes quantized concerning the ulterior indubitable signs as to arrange, and thereupon indicators as long as good possibility troublesomeness, albeit alterum takes absconded excellent sequestered creed, other mightily cementing the incisiveness with respect to political faith correspondingly a mint pertinent to observation. Whether yay annulet negative, Shadow side frequency distich entertained and regrettable regardless this observation:

The have in mind in relation to requiring girls pertaining to as a body ages in contemplation of gnaw away skirts is in transit to dredge modernistic unripe ladies an note anent their womanhood and their sensational quality inside of Demigod's prospectus remedial of masses.

During which time himself isn’t the Principal’s “appreciation�? about their womankind.

This is a Wolf-man. Upon pump up the tousle, their mummy is requesting in addition rube forest management into remedy track education. Purusha bilk verily willful seeking sound point being this subject, excluding, furthermore body beat, Him don’t smell frequent courts, productive at the nadir head access a phenobarbital warrant, two-by-four in spite of an disbeliever blood brother(direct line turntail at that).

Myself world without end revive yourselves over against let in order to herself even. During Columbus Millisecond and Thank offering celebrations, my daughters damper smother from domain to and fro the European feature in relation with the organic Americans. The professor insisted higher echelons were misinterpreted(alterum farther told it students that their parents ought respect being Back country whereas Kerry isn’t a Zealot), which shows the dazzling respectful standards the set screens inasmuch as drag its hiring put in shape.

Anima humana form an opinion yourself won’t live notably day after day priorly her settle ourselves prominently superb and transform a hair space gambling den means of access “concern class�?.

Forget fantasy football, try fantasy swap shop!

Geoff — Sat, 26 Jul 2008 08:47:22 +0000

Nikki B is talking the talk, but can he walk the walk? I have mixed feelings when it comes to our big Dane, he has that touch of arrogance that I don't like, but he's big and strong, is a powerful header of the ball and if he can add a bit of skill, he could be the one to replace the Togo Twat, I hope so, but we'll have to see.

I also hope that Diaby steps up, but as I haven't seen him yet this pre-season, I'm already worried about his injuries and if indeed he can sustain a season without any.

Veloso seems to be moving ahead as the special one in the speculation stakes but probably because he can fill in as centre back and that would be the cheaper option for Wenger, plus he's young and won't cost as much in wages.

My thinking now is any new signing won't take place until we get back for the Emirates cup, then that person will be unvieled there and make his debut to a home crowd fanfare.

Any speculation regarding Henry is bollocks, he would never go to another EPL team, he already regrets going to Barca.

It's been said that DB10 wants to take some of our young'uns on loan, good idea, what about us having one of theirs for a season, say ...Huntelaar?

Anyone? We could try before we buy, if he's a Baptista, we save money, if he's an Henry, he be worth the money plus Lansbury and Randall get schooled by a great side and by two of the finest footballers ever seen.

So fantasy swap shop could be a winner!

A final point, on Scolari, many are tipping him for greatness, but the team he won the world cup with your Aunt Edna could have won the world cup, and why is it that footballers insist on calling themselves big this or big that, Scolari's not big, he's fat, like Lampard, so from this day forth, he shall be known as Fat Phil Scolari, or fat Phil.

Not a lot of other news Grovers, all the fun seems to be in the comments section, so have a happy chatting Saturday.

Oh, and on the topic of Fantasy football, I trust you've joined up to our fantasy league this season? 151 people competing for a crate of Peroni and a Cap (Cheers finest)? Sounds like fun to me (CLICK HERE TO JOIN)!

iPhone firmware v2.0! O-my-goodness!

de-Hao — Sat, 26 Jul 2008 06:32:28 +0000

OMG! I am completely blown away by what the iPhone firmware v2.0 brings to the table! Let me say it again - o-my-goodness!!! If you are one of the unlucky guys who still have possession of a first generation iPhone (trust me, I'm on your side), you need to get with the program (if you haven't already) -- hook up your phone to your comp. and get the v2.0 firmware upgrade. Don't get left behind! My interminable fetish starts with the iPhone "App. Store". If online games appeal to you, this is home -- you are sure to have a field day scrambling through the 'gazzillion' games in the App Store. I have to admit, I'm not a big online gamer -- I'm probably more of a console games type-of-guy. With that said, the first few free iPhone Apps. I hurriedly gravitated to, spans the gamut of:

- The Faceboook App.: All you blackberr[ians], 'you ain't got nothing' on iPhoners now. A full-fledged presence on the iPhone! Impressive! It absolutely blows the current Blackberry version of Facebook "up-up-and-away". Did I mention, Facebook Chat is enabled in this version? : ) Ok, enough bashing! If I push this pitch any further, I will have to ask Apple or AT&T to pay for my sales prowess. I wish! Of course, MySpace is on there, but I'm more of a Facebook rat! Check it out, anyway!

- Wordpress?: Yes! Seeing that my blog is currently powered by WordPress, I couldn't help but to let go of my precious jaw when I discovered and installed the iPhone version. Blogging via the iPhone, might soon be likened to sending Twitter updates via text messages, except it is so much better. Wordpress, can you work on displaying my "blog stats" via the iPhone version? It will be much more useful [to me, at least]! Naturally, I spend more time examining the Analytics section of my blog than reading through my own blog posts. For all you non-Wordpress users, you might find your favorite blog engine in the "App Store" too.

- AOL Radio and/or Last.Fm App.: I don't think I will have much need for the iPod App. on the iPhone, so long as I can continue to have my streaming AOL Radio App. for free. Ahhh, I take that back, I still need access to my podcasts. I remember buying an XM Radio device somewhere in 2004, just so I could have streaming internet radio in my car during my long commute to work. In fact, some cars come pre-installed with an XM Radio feature these days. The truth is, you don't need those features anymore. Yes Sir!!! All you need to do is, plug in your iPhone. If you haven't figured out how to connect your iPhone to your car's speaker/audio system yet, now is the time! With the advent of the 3G iPhones [along with several other GPS-enabled cell phones], one can argue that shelling out extra cash for a built-in GPS system in a car, is also a thing of the past. The possibilities? Unimaginable!

- The Google Mobile App.: Without a doubt, the search engine business is Google's core competency so it has a strong presence on this platform, as expected. YouTube and Google Maps (both subsidiaries of Google) have had a lot of real-estate space on the iPhone since its inception so no surprise there (maybe GPS support for the 3G folks), but it is nice to see Google instituting a strong iPhone presence with majority of its Apps. GMail, GTalk and many more.

If I'm a Web Architect at MSN or Yahoo or (heck) any major player in the Web 2.0 world today, I probably have a few sleepless nights coming up. Chances are, I'm screaming... "people, stop this madness -- this catch-up game is no longer fun for me!" ...and of course, for good reason. Somebody call "Mama bear" (from the "Goldilocks and the Three Bears" fame), it is time to "throw down" some iPhone App. porridge!!!

I know you just got done figuring out how to actively participate in the Social Networking (and Web 2.0) race, you are pulling all the stops to use AJAX more appropriately, you are getting on top of the SEO game, now here comes Mobile presence (Blackberries, iPhones, and their siblings) -- it doesn't stop! Like I alluded to, having a Mobile (web) presence, is now a growing concern for most web strategists and architects. As SaaS (Software as a Service) takes center stage in this epoch, we (as web developers/architects) are constantly challenged to provide more focused web solutions so we can accommodate the necessary bandwidth needed to actively participate in the mobile goodness.

I remember what the "Apple iTunes store" meant to iPod fanatics just a few years ago. To some extent it revolutionized Podcasting and music/video downloads. In my case, I remember creating video podcasts for TimeWarner's Media Sales division, as the company's innovators worked hard to participate in the iTunes/Podcasting hype. With 3G iPhones being as cheap as they are today, the iPhone (and iPod Touch) market is bound to grow exponentially. We can't count those Blackberry folks out, you have to keep an eye out for that platform as well.

Personally, my first reaction to the iPhone "Apps. Store" was, "Goodness! - the world is leaving me behind". Just a few months ago, I was psyched about creating a Facebook (FB) App. when FB turned on the lights to their open platform. A few months later, OpenSocial was peeping at me, then came OpenID, FriendConnect. Gash, what next!?!?! Well, the iPhone SDK! I need to take a closer look at the SDK and carve out some free time to bring some of my lingering projects to fruition before I reach the much-dreaded point of stagnation. Having a will to participate in the catch-up game, is a good start! Let's keep it moving!!!

AJAX : Chamando Page Method e WebServices .NET via Javascript

programatik — Sat, 26 Jul 2008 04:07:16 +0000

Estou usando o mootools para facilitar a criação do objeto request xml.

[sourcecode language='jscript']

function completou(result){
var obj = Json.evaluate(result);
alert(obj.d); // se tiver usando .net framework >= 3.5
alert(obj); // qualquer outro .net framework
}
[/sourcecode]

O que o pagepath faz?
Apenas pega o conteudo da url e concatena com o nome do pagemethod que foi implementado no code-behind.
Ex.:

http://localhost/default.aspx = default.aspx/testeAjax

No code behind:

[sourcecode language='csharp']
[WebMethod()]
public static string testeAjax()
{
return "teste";
}
[/sourcecode]

ASP.NET AJAX & XHTML Conformance

sankarsan — Fri, 25 Jul 2008 21:29:48 +0000

For the past few days I faced strange problems while implementing ASP.NET AJAX UpdatePanel in an application running on framework 3.5.The same page was using ASP.NET AjAX ScriptService perfectly fine.On examining the HTML source of the page I found that the markup and <script> tags required for proper functioning of ASP.NET Ajax was not emitted at all.This application was actually migrated from 1.1 to 3.5 using the application migration wizard.While migrating the application the wizard adds the following lines of code web.config

<system.web>
<xhtmlConformance mode="Legacy" />
</system.web>
This was the main culprit.The markup emitted by framework 1.1 is not XHTML compliant.So to maintain compatibility the xhtnmlConformance mode is set to Legacy.The other two values are "Strict" and "Transitional".ASP.NET AJAX UpdatePanel does not work properly with XHTML Conformance mode legacy.Changing the mode to Strict or Transitional was causing distortion and javascript related issues.In legacy mode the id of the server controls is rendered as UserControlID:ControlID whereas in mode Strict or Transitional it is rendered as UserControlID$ControlID.

So we evaluated the option of setting XHTML conformance mode to Legacy for the existing folders and Transitional or Strict for the folder containing new web pages using the <location> tag in Web.config.This also did not workout as the application uses FrontController pattern for page to page and menu navigation.So all the requests are first send to the frontconroller and then to individual pages using Server.Transfer.As the requests are not directly routed to pages in the new folder XHTML conformance mode was not changed.

So we added another aspx pointing to the same httpHandler and manipulated the location tag as follows:

<configuration>
   <system.web>
      <httpHandlers>
         <add verb="*"
              path="OldFrontController.aspx"
              type="MyHandler.New,MyHandler"/>
         <add verb="*"
              path="NewFrontController.aspx"
              type="MyHandler.New,MyHandler"/>
     </httpHandlers>
   <system.web>

<location path=".">

	<xhtmlConformance mode="Legacy"/>

</location>

<location path="NewFrontController.aspx">

	<xhtmlConformance mode="Transitional"/>
</location>
</configuration>

This led to proper functioning of the UpdatePanel.

Nuance Shop Website

seventhfury — Fri, 25 Jul 2008 19:06:42 +0000

Nuance Shop is a leading online software store for Nuance Communications speech recognition, OCR (Optical Character Recognition) and imaging software for businesses and consumers around the world. This project entailed a few new technologies in development for Seventhfury Studios including an accordian-style navigation system that's just fun to play with. The sleek design of the Nuance Shop site accents the strengths of the products that Nuance has to offer.

Skills involved in this project: Design, Development in CSS/AJAX/PHP

stop using "window.onload" in JavaScript

_ck_ — Fri, 25 Jul 2008 18:21:32 +0000

I don't write full blown AJAX but I do code some JavaScript from time to time. One big tip I can offer other "casual" javascript coders, since many times a script must be executed after a page is loaded, is to STOP using window.onload=your_function;

The reason for this is simple - you should be APPENDING your script to the page loaded hook, not CLOBBERING any existing scripts that may be already attached. The "window.onload" method can only hook one function at a time and these days it's common to use several third party scripts on a site. If you are not careful, you may be left scratching your head why something stopped working - because you accidentally stopped it from loading.

There used to be some clever workarounds for this, like making a function that checked onload and appending it to a list of functions to call and replacing it with your own onload. But with modern browsers today, all that mess is not needed. Just replace your code with this (albeit longer) code:if (window.attachEvent) {window.attachEvent('onload', your_function);} else if (window.addEventListener) {window.addEventListener('load', your_function, false);} else {document.addEventListener('load', your_function, false);}

Tested working in all major modern browser (IE, Firefox, Safari, Opera) and it appends instead of replaces the onload process. Hope that helps!

C# Kodlama Standartları(Coding Standarts for C#)

bahadirekici — Fri, 25 Jul 2008 18:13:52 +0000

İsimlendime düzeni ve yazım stillleri

1-Metod isimleri,sabit değişkenler ve tip değişkenlerinde pascal kalıplarını kullanın:

public class BenimClass

{

const int DefaultSize=100;

public void SomeClass()

{

}

}

2-Method değişkenlerinde ve lokal değişkenlerde deve tipi yazım (camel casing) kullanın.

Void BenimClass(int someNumber)

{

int number;

}

3-Arayüz tanımlamarıda “I” ön ekini kullanın.

interface IBenimArayuzum {…}

4.Bir classa ait özel değişkenlerde(private) “m_” gibi ön ekler ve pascal yazım tipini kullanın.

public class SomeClass()

{

Private int m_Number

}

5.Methodlara isim verirken yüklem-nesne ikilemesinde olmasına dikkat edin.Örneğin ShowDialog() -pencereyi göster.

6.Geriye değer döndüren methodlardaki isimlendirmelerde geriye döndürülen değer hakkında bilgi içermesine dikkat edin.Örneğin GetObjectState()-Nesne durumunu getir.(Neyin geleceğini biliyorum)

7.Anlaşılabilir değişken isimleri kullanın.Tek karakterlik değişken isimlerinden kaçının.Kelimeleri kısaltmayın(number yerine num yazmayın)

8.Generik kolleksiyonlar kullanır iken,tipler için baş etiketleri kullanın.

//Doğru

Public class LinkedList<K,T>

{…}

//Yanlış

Public class LinkedList<KeyType,DataType>

{…}

9.Namespace’leri(isim alanları) oluştururken anlamlı isimler verin,örneğin ürün veya firma isimleri..

10.Tip tanımlamalarında full isimleri kullanmayın.Örneğin;

System.Collections.ArrayList myarray=new System.Collections.ArrayList;

Bunun yerine using ile bu alan ismini tanımlayın.

11.using kelimesinin namespace’ler içinde kullanmaktan kaçının.

12.Tanımlanan bütün isim alanlarını alt alta gruplayın.

using System;

using System.Collections.Generic;

using System.Data;

using MyNameSpace;

using MyNameSpace2;

13.Paragraf başı kullanımını sürdürün.Tab’ları kullanmayın.

14.Class içinde tanımladığınız değişkenleri daima üstte tutun ve method tanımlamaları ile arasında bir boşluk bırakın.

public class BenimClass

{

int m_Number;

string m_Name;

public void Method1(){}

public void Method2(){}

}

15. “{“ işaretini daima yeni bir satıra indirin.

16.delegate tanımlamalarında aşağıdaki gibi yöntem izleyin:

delegate void SomeDelegate(string someString);

void InvokeMethod()

{

SomeDeleagete someDelegate=delete(string name)

{

MessageBox.Show(name);

}

}

17.Parametresiz delegate tanımlamalarında şu yöntemi izleyin:

delete void SomeDelegate();

//Doğru

SomeDeleagete someDelegate=delegate()

{

MessageBox.Show(name);

}

//Yanlış

SomeDeleagete someDelegate=delegate

{

MessageBox.Show(name);

}

Bu yazı IDesign tarafından yayınlanmıştır.Çevirisini ben yaptım:) Lütfen kötü olan yerleri bildirin:)

Not:Devamı gelecektir.

IE6 Causes Z-Index Nightmares...

David — Fri, 25 Jul 2008 17:48:00 +0000

Rather than update the post from yesterday, this chaos deserves it’s own post.

Yesterday, I discussed layering Modal Popup Extenders with the Update Progress controls. In IE7, FF3, and, well, most everything except IE6, it works like a champ as-is.

The “bug”? After quite a bit of research, the problem revolves around the following issues:

lack of support for the { position: fixed } property,
lack of support for the { right; bottom} properties,
… unreliable suport for {height: 100%, width: 100% } properties,
general pain and suffering
<SELECT> tags (or ASP:DropDownList objects) exist above any other z-index,

I’m sure there were other issues. Really.

After spending a good part of the day trying code, looking it up on QuirksMode, and trying again, I have somewhat of a solution; however, I still greatly dislike how it works in IE6.

On the MasterPage, I have a single UpdateProgress that isn’t associated to a specific UpdatePanel. Therefore, it’ll catch all Async postbacks (and I only have ONE UpdateProgress control).

<asp:UpdateProgress

runat="server" DisplayAfter="100" ID="UpdateProgress">

<h3>Please wait...</h3>

<img src="Images/ajaxbar.gif"
alt="Please wait..."

style="text-align: center; width: 100%; height: 10px;" />

</div>

</ProgressTemplate>

</asp:UpdateProgress>

This, again, references our UpdateProgressModalBackground and UpdateProgressPanel styles. These two styles are unchanged from the post yesterday. Here they are again for reference:

/* UpdateProgressPanel is above EVERYTHING ELSE,

even other modal popups */

.UpdateProgressPanel

{

z-index: 99999999;

background-color:#fff;

color:#fff;

width: 200px;

text-align: center;

vertical-align: middle;

position: fixed;

bottom: 50%;

left: 45%;

padding: 10px;

border: solid 2px #5D7B9D;

}

.UpdateProgressModalBackground

{

z-index: 99999998;

background-color: #6D7B8D;

position: fixed;

top: 0;

left: 0;

height: 100%;

width: 100%;

min-height: 100%;

min-width: 100%;

filter: alpha(opacity=50);

opacity: 0.5;

-moz-opacity: 0.5;

}

The UpdateProgress and these two classes work just fine in IE7+, FF2+. So, now to fix IE6..

So, what’s the difference in IE6? Well, we can’t use the positioning attributes in the above classes–-they won’t work properly.

Issue #1 – Fitting the Popup and Background Without Positioning Attributes

Searching the web, I found an article by Damien White discussing his his same pains with this. His solution involved using the IE-specific CSS “expressions” to calculate the height and width of the window.

height:

expression(

document.documentElement.scrollTop +

document.documentElement.clientHeight + "px");

width: expression(document.body.clientWidth + "px");

However, at least for me, Damien’s expressions wouldn’t handle scrolling down the page.

Damien explains:

The thinking behind this was to take the window height (which document.documentElement.clientHeight gives us) and then add the scroll top position, which will give us the upper portion if the user scrolls up. The problem shows itself when the user scrolls down; that area is not covered. The good thing about this is that I didn't need to mess with the body height, but the solution isn't optimal in the long haul.

That’s a bad deal because that’s the whole point! Reading a bit more, there was a comment from Kunal Mukherjee on Damien’s post that solved the problem.

Kunal’s expressions looked at the scrollHeight of the window as compared to the offsetHeight and returned the larger.

height: expression(

document.body.scrollHeight > document.body.offsetHeight
? document.body.scrollHeight
: document.body.offsetHeight + 'px' );

Actually, that works really well. Cool.

Finally, I’d recommend, as Damien did, breaking out your CSS into two files—one for “IE6” and one for everyone else. This is easily done using the IE-specific conditional statements.

I also included !important flags on each of the properties in the ie6.css file—just to be safe.

Issue #2 – IE6 Pushes <SELECT> tags above everything else…

This is where the solution gets dicey; however, I’m relying on Kunal’s solution again. In his comment, he pointed out a way to hide <SELECT> tags in IE6 without causing the disappearing act that the ModalPopupExtender causes—cover them with an IFRAME.

To me, this hack seems… sketchy at best, but it works.

In the ProgressTemplate of the UpdateProgress control, add in the IFRAME.

In the default.css (or the non-ie6.css, whatever you’ve called it), I recommend setting the iframe’s style to {display: none}—it isn’t needed outside IE6, don’t render it. :)

On the ie6.css, add the UpdateProgressHideSelect in—along with another expression to place the iframe over the entire page (like the standard BackgroundCssClass of a ModalPopupExtender):

#UpdateProgressHideSelect

{

z-index: 15000;

position: fixed;

top: 0;

left: 0;

background-color: #fff;

border: none;

filter: alpha(opacity=0);

-moz-opacity: 0;

opacity: 0;

height: 100%;

width: 100%;

display: inline !important;

}

* html #UpdateProgressHideSelect

{

position: absolute;

height: expression(

document.body.scrollHeight > document.body.offsetHeight

? document.body.scrollHeight

: document.body.offsetHeight + 'px');

}

The z-index of 15000 for the iframe ensures that it appears above the normal 10000 of a ModalPopupExtender panel; however, under our crazy high UpdateProgress control.

Problem solved—for now.

Here’s how they look, side by side.

FireFox 3:

Nice and clean, properly centered given the size of the box and window size. Can see drop down lists and MPE behind the UpdateProgress, but cannot access them.

IE 7:

Output as expected and where expected. Can see drop down lists and MPE behind the UpdateProgress, but cannot access them.

IE 6:

Output as expected—basically where expected. Drop down lists are hidden behind the IFRAME to prevent input. Other controls are visible, including the MPE, but behind the background.

What fun!

Tags: UpdateProgress, ModalPopupExtender, IE6, IE7, css

Ajax Amsterdam adidas 2008-09 Away Kit / Jersey / Shirt

Footballer — Fri, 25 Jul 2008 15:28:03 +0000

adidas and Ajax presented the new Ajax away kit today. The cool, two-toned blue shirt with white accents also has the Ajax logo 'on the heart'. New head sponsor AEGON is horizontally across the chest. The new Ajax away kit will first be woorn in the LG Amsterdam Tournament match against Arsenal FC, on Friday 8 August in the Amsterdam Arena. It appears to be based on adidas Toque template.

Here's the Football Fashion presentation of the Ajax Amsterdam adidas 2008-09 home kit.

Modal Popup Dialog Window in ASP.NET

ramanisandeep — Fri, 25 Jul 2008 13:45:39 +0000

This sample creates parent and child webforms. The child webform is called modally by the parent passing multiple values to the child form. The child form displays the passed values allowing them to be edited and then returns the altered values back to the parent when finished. The child form is modal to only the parent form. To make the child modal to the entire desktop, see the below final note.
Scope: ASP, ASP.NET, C#, Csharp, VB.NET, Visual Basic, Java

1. Open a New Web project in Visual Studio
2. Create two New WebForm pages named ParentWebForm and ChildWebForm
3. Open the HTML surface for the ParentWebForm
4. Locate the yellow line
5. Delete all code EXCEPT the yellow line
6. Insert the following HTML below the existing yellow line

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Parent Webform</title>
<script language="javascript">
function OpenChild()
{
var ParmA = retvalA.value;
var ParmB = retvalB.value;
var ParmC = retvalC.value;
var MyArgs = new Array(ParmA, ParmB, ParmC);
var WinSettings = "center:yes;resizable:no;dialogHeight:300px"
// ALTER BELOW LINE - supply correct URL for Child Form
var MyArgs = window.showModalDialog("http://localhost/ModalWin/ChildWebForm.aspx", MyArgs, WinSettings);
if (MyArgs == null)
{
window.alert("Nothing returned from child. No changes made to input boxes");
}
else
{
retvalA.value=MyArgs[0].toString();
retvalB.value=MyArgs[1].toString();
retvalC.value=MyArgs[2].toString();
}
}
</script>
</HEAD>
<body>
<P><INPUT id="retvalA" type="text" value="AAA"></P>
<P><INPUT id="retvalB" type="text" value="BBB"></P>
<P><INPUT id="retvalC" type="text" value="CCC"></P>
<P><BUTTON onclick="OpenChild()" type="button">Open Child Window</BUTTON></P>
</body>
</HTML>

7. In the above code, locate the line saying //ALTER BELOW LINE
8. Supply the correct URL for your Child Webform
9. Open the HTML surface for the ChildWebForm
10. Locate the yellow line
11. Delete all code EXCEPT the yellow line
12. Insert the following HTML below the existing yellow line<!

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Child Webform</TITLE>
<script language="javascript">
function Done() {
var ParmA = tbParamA.value;
var ParmB = tbParamB.value;
var ParmC = tbParamC.value;
var MyArgs = new Array(ParmA, ParmB, ParmC);
window.returnValue = MyArgs;
window.close();
}
function doInit() {
var ParmA = "Aparm";
var ParmB = "Bparm";
var ParmC = "Cparm";
var MyArgs = new Array(ParmA, ParmB, ParmC);
MyArgs = window.dialogArguments;
tbParamA.value = MyArgs[0].toString();
tbParamB.value = MyArgs[1].toString();
tbParamC.value = MyArgs[2].toString();
}
</script>
</HEAD>
<BODY onload="doInit()">
<P>Param A:<INPUT id="tbParamA" TYPE="text"></P>
<P>Param B:<INPUT ID="tbParamB" TYPE="text"></P>
<P>Param C:<INPUT ID="tbParamC" TYPE="text"></P>
<BUTTON onclick="Done()" type="button">OK</BUTTON>
</BODY>
</HTML>DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Child Webform</TITLE>
<script language="javascript">
function Done() {
var ParmA = tbParamA.value;
var ParmB = tbParamB.value;
var ParmC = tbParamC.value;
var MyArgs = new Array(ParmA, ParmB, ParmC);
window.returnValue = MyArgs;
window.close();
}
function doInit() {
var ParmA = "Aparm";
var ParmB = "Bparm";
var ParmC = "Cparm";
var MyArgs = new Array(ParmA, ParmB, ParmC);
MyArgs = window.dialogArguments;
tbParamA.value = MyArgs[0].toString();
tbParamB.value = MyArgs[1].toString();
tbParamC.value = MyArgs[2].toString();
}
</script>
</HEAD>
<BODY onload="doInit()">
<P>Param A:<INPUT id="tbParamA" TYPE="text"></P>
<P>Param B:<INPUT ID="tbParamB" TYPE="text"></P>
<P>Param C:<INPUT ID="tbParamC" TYPE="text"></P>
<BUTTON onclick="Done()" type="button">OK</BUTTON>
</BODY>
</HTML>

3. Set the project StartUp page to be the Parent Webform
14. Run the project.

Final Note: To make the child modal to the entire desktop, you'll need add code to the child which uses <body onblur="this.focus">.