Adobe.com

Adobe Groups

Bangalore ColdFusion User group

The Group is for Adobe ColdFusion developers at Bangalore

Summary | About | Members (99) | Resources | Search

Upcoming Events

Recent Blog Entries

ColdFusion Builder meeting
Entry posted on Mar 27 by CF Mitrah , tagged Development

Adobe is planning to conduct a half day Usability study and Introduction session on ColdFusion Builder in Adobe Bangalore office and would like your help and inputs for the same. As you must be aware that adobe have released Flash Builder and ColdFusion Builder on 22nd March 2010 and adobe would want our UG members & CF Developers in Bangalore to familiarize themselves with ColdFusion Builder. Adobe would want to take this opportunity to also conduct a Usability study which will help them to make CFB better.

For more details : http://goo.gl/wOo3

I need your inputs to conclude the date for this meeting.Please respond this survey as soon as possible.

http://www.surveymonkey.com/s/5DBG3VQ

Spread the word about Bangalore CF UG
Entry posted on Dec 08 by CF Mitrah

Hi All,

I am requesting every one to help me to spread the word about our Bangalore Coldfusion user group.

If you are blogger, feel free to add Bangalore CF UG logo in your blog.

HTML Code to Display the image:

Other wise add our CF UG links in your mail signature,

Join Bangalore Coldfusion User Group

HTML Code to display text link:

<a rel="nofollow" href="http://groups.adobe.com/groups/f873a438bf/summary" target="_blank">Join Bangalore Coldfusion User Group</a>

Active Discussions

type	title			author	activity
Thread	We're looking for a JavaScript Developer (knowing CF is a plus)	0	1047	aneasytorememberid	12/14/12
Thread	new features in coldufsion builder	0	2329	Raghuram coldfusion	08/30/12
Thread	ColdFusion Tree with Checkbox functionality	3	8146	Raghuram coldfusion	03/18/11
Thread	Is there a way to solve this?	2	7382	Ananth405	03/18/11
Thread	My Experience with Coldfusion Builder	1	9046	Raghuram coldfusion	10/18/10
Thread	Bangalore Campany list - using coldfusion for development	2	9067	CF Mitrah	05/05/10
Thread	The Ultimate ColdFusion Tools List	1	8441	Abhijitmazumdar	03/31/09
Thread	Penetrate Into Your Audience Easily	0	5372	Mathur Deepak	11/05/09
Thread	What is Cross Site Scripting? And how to avoid it.	1	5680	vishuheb	05/29/09
Thread	Web Application Firewall for ColdFusion Launched...	0	4826	salma sultana	03/30/09

Recently Posted References

Object-Oriented Programming in ColdFusion
Book posted on Oct 14 by CF Mitrah

Author: Matt Gifford
Cover Image:

Macromedia ColdFusion MX7 Certified Developer Study Guide
Book posted on Mar 16 by CF Mitrah

Author: Ben Forta
Genre: ColdFusion, Certification
Cover Image:

RSS Feed Reader

coldfusionBloggers.org Feed Adobe ColdFusion Webcast: Evolutions of ColdFusion and Application Predictions for 2013 - 9:00PM

Join Carahsoft and Adobe to hear from Al Hilwa, IDC Research Director for Application Development, as he provides an overview of the current state of developer ecosystems, the application development landscape, and present highlights of a recently published Adobe whitepaper which showcases interesting case studies of its use. In addition to a discussion of current application development trends, this webcast will present IDC's application development predictions for 2013 and a synopsis of the evolution of ColdFusion including highlights of the latest release and of the roadmap for future investments in the technology.

coldfusionBloggers.org Feed OSX Outlook keeps asking for a password - 6:00PM
Ever since day one at Adobe I've had an odd issue with Outlook on my Mac. About 3-4 times a day it would 'forget' my password. As soon as I entered my password it worked, but it bugged me that I had to keep re-entering it. I Googled but never found t...

coldfusionBloggers.org Feed Cross Browser Event Handling in JavaScript - 12:45PM
If you are using jQuery, you can easily use .bind() and .unbind(), or .on() and .off() to attach/detach event handlers on DOM elements. But there are times when jQuery is not available/desirable in the project for various reasons. This is actually quite easy to do in native JavaScript, without any libraries. Most browsers register the [...]

coldfusionBloggers.org Feed Follow Up Post: Hiding All But The Current Bootstrap Popover - 12:01PM

Last year around this same time, I published a blog post about a technique I developed for creating multiple Twitter Bootstrap popovers. I came up with the technique while building a page containing several icons that, when hovered over with the mouse, would display different Bootstrap popovers with explanatory text and HTML.

The other day, a commenter on the original post asked how he could use my technique but ensure that only one popover was open at any given time (which I took to mean that on his page the popovers were triggered by a mouse click rather than a hover). I gave him a brief, general idea of how to approach it (off the top of my head) but he wasn't clear on what I meant, so I decided to do a post on it.

First off, the options/API for configuring popovers in Bootstrap (currently Bootstrap version 2.3.2) have changed since last year. Of particular note:

The default triggering event used to be hover...at least I assume so, since my original Javascript code didn't specify the triggering mechanism in the popover options. The default trigger event is now the click event, with the possible options being "click", "hover", "focus", and "manual."
By default, the popover function will render the title and content of the popover as plain text: any HTML markup included in either will be visible as text to the user and have no effect. Specifically setting the "html" option to true will allow you to use markup in the title and content. This change in the API was made to protect against cross-site scripting (XSS) attacks.

So solving the commenter's issue - making sure only one popover is displayed at any given time - means hiding all of the other popovers on the page: if Popover A is opened via click, and then the user clicks on the DOM element that opens Popover B, Popover A needs to vanish.

Unfortunately, the popover function doesn't provide a callback function: if it did I could have used that to run the code that hides the other popovers. So I needed to write code to manually handle the triggering of the current popover.

Using the Javascript code in my previous post as my starting point, and taking the API changes into account, here is the solution I came up with:

$(".pop").each(function() {
    var $pElem= $(this);
    $pElem.popover(
        {
            html: true,
            trigger: 'manual',
            title: getPopTitle($pElem.attr("id")),
            content: getPopContent($pElem.attr("id"))
        }
    );
});
						
$(".pop").click(function() {
    var $pElem= $(this);
    $(".pop").each(function() {
        $currentPop= $(this);
        if($currentPop.prop("id") != $pElem.prop("id")) {
            $currentPop.popover('hide');
        } 
    });
    $pElem.popover('show');
});
				
function getPopTitle(target) {
    return $("#" + target + "_content > div.popTitle").html();
};
		
function getPopContent(target) {
    return $("#" + target + "_content > div.popContent").html();
};

I still used the each() function to initialize each DOM element that triggers a popover (identified with the "pop" class), but I set the trigger option to "manual". Then I wrote a click event handler for those elements that would close all the other popovers before opening the popover for the DOM element the user clicked on.

coldfusionBloggers.org Feed The Future of the Web - 11:15AM
I know, I know. The title sounds like SEO-link-bait, I apologize. I want to talk about something that I'm fairly excited about, and I hope it excites you as well.Last week I had the pleasure of listening to Dan Callahan give the keynote at cfObjective. I didn't get a chance to meet him in person (I basically ran to my presentation and then to the airport), but I greatly enjoyed his talk. His central theme was a simple one - it is time to learn JavaScript. This is a message that I just kind of assume that people already know, but as I still encounter people struggling with client-side development, it is apparent that we (we being the greater web community) still have quite a bit of growing to do. If there was one thing I would have added to Dan's talk it would have been a reminder that web developers are probably also somewhat behind in their HTML knowledge as well. I've been using HTML since 1993 or so. I spent a long time doing just server-side development for a while but even then I was still generating HTML. But at least once a month I'm reminded about some particular tag or attribute that I've forgotten about. Don't get me started about CSS. Every time I remember that you can specify hover stuff in CSS I remember how many times I wrote the same damn code to highlight menu items with JavaScript. I've made it my mission over the past few years to focus my energy in this direction. Any one who reads this blog or listens to me give presentations know this. Developing for the web can still be pretty darn frustrating, but at least the tools, and the environment, are growing in leaps and bounds. There's some growing pains here, but my god, there's growth. That is why I'm so excited to be hearing more and more about Web Components. Web Components refer to a few different technologies (that I'll list in a moment). But in general, they represent an incredible change in the web. To me, they truly are "Web 2.0." For the first time you'll be able to define new building blocks (tags, behavior, design) by following web standards. You'll be able to extend the web. That is awesome. So what are Web Components? In general, they describe the following technologies/specs:

Templates

Anyone who has worked with templates in JavaScript know how powerful this can be. Templates allow you to create reusable blocks of content that can be added to the DOM with JavaScript. As a simple example, imagine your using AJAX to fetch content from the server. As this content comes back as pure data, you need to write this out to the DOM. While you can certainly just create large blocks of HTML in JavaScript strings, this gets unwieldy pretty darn quickly. Hence the rise of multiple JavaScript template frameworks. The Template feature will provide native support for this. You will be able to use a template tag within your HTML document. The content in the tag is not executed until you actually clone the template and add it to the DOM yourself. So any images or script blocks won't be loaded until necessary. To be clear, this isn't the exact same as something like Handlebars.js. You don't get token replacement. But it is native to the browser itself which means less additional code. You can read more about the spec here: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/templates/index.html

Shadow DOM

Shadow DOM is - for me - the hardest concept to get my head around. I probably will not do a great job describing it, but in essence, it is a way to create a "black box" style system for content. Let me give you an example. Imagine you are writing some HTML that is meant to be consumed by someone else. Your HTML is just a H1 tag and a paragraph. You want to style this content, but in order to do so, you have to ensure your CSS does not conflict with anything in the parent document. An iFrame can solve this, but iFrames create other challenges as well. With the Shadow DOM, you can essentially say, "This CSS will apply to this block only. Period. Nothing will leak out or in." Again - I'm not the best person to speak on this. You can read more about it at the spec (https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.htmlHTML5 Rocks article on the topic.

Custom Elements

The most exciting part of web components, for me anyway, are custom elements. As you can guess, they allow you to create new HTML elements. Right now they are prefixed (x-), but if you have ever wanted to define your own markup, this will allow you to do so. You get full lifecycle support (ie, knowing when your element is loaded, shown, etc) and you can even use this feature to extend existing elements. Of course, you can also tie your own JavaScript events and mix in both templates and the Shadow DOM. If you have ever used something like jQuery UI's Tabs to add tabs to your site, web components will allow you to do it all via web standards.

HTML Imports

The final piece of the puzzle is HTML imports. Essentially, once you've defined a custom element, applied some layout to it via the Shadow DOM and custom behavior, you can then create a reusable template that can be shared with others. In the same way you import a style sheet, the link tag will allow you to import custom elements. For example, x-tab or x-cowbell. You can find the spec for this here: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/imports/index.html

So What, I Can't Use It Now!

I bet you're asking, how well is this stuff supported? Right now support is pretty limited. In fact, custom elements aren't supported at all yet. The features that do work now are limited to Chrome and Firefox Nightly. The specs are still in development. Keep in mind though that a majority of our major browsers now are moving to a continuous update cycle. If you are still of the mindset that you don't need to care or pay attention to web standards than you are failing in your job as a web developer. Want to know more? There is an awesome, and short, video by Eric Bidelman of Google that you can watch on this topic. I've embedded it below. You can also find his slide deck here: http://www.webcomponentsshift.com/. Due note though that you are suppose to click the right arrow to start the presentation. The initial gray screen confused me a bit and I assumed something had broken.

Assorted Media Gallery Posts

CF Dude T-Shirt
Photo posted on Oct 12 by CF Mitrah

CF Dude T-Shirt

Recently Posted Job Listings

Team Lead-Cold Fusion
Coldfusion Consultant
Coldfusion - SSE
Cold Fusion Developer
Software Engineer - Coldfusion

Search Group Posts

Resources

Blog
Event Calendar
Job Board
Media Gallery
Sponsors

Members

1-30 of 99 | Next | Last >>