# Model view controller with JS

**URL:** <https://forum.kirupa.com/t/model-view-controller-with-js/294709>\
**Category:** Uncategorized\
**Created:** [August 18, 2009, 8:51pm UTC](https://forum.kirupa.com/t/model-view-controller-with-js/294709 "2009-08-18T20:51:49Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeoDreamer](https://avatars.discourse-cdn.com/v4/letter/n/ccd318/32.png) [@NeoDreamer](https://forum.kirupa.com/u/NeoDreamer)\
**Post date:** [August 18, 2009, 8:51pm UTC](https://forum.kirupa.com/t/model-view-controller-with-js/294709/1 "2009-08-18T20:51:49Z")

</div>

I have this custom popup function which accepts an object:

```php

function popup(obj) {
 $('message').getElementsBySelector('strong')[0].update(messageObject.title);
 $('message').getElementsBySelector('span')[0].update(messageObject.message);
     
 if ($('message').visible())
   Effect.Fade('message', {duration: this.popupFadeTime});
 else
   Effect.Appear('message', {duration: this.popupFadeTime});
}

```

It’s used all over my site to popup different messages. For example:

```php

popup({title: 'error has occurred', message: '<strong>required <i>field</i></strong>'});

```

Isn’t is wrong to put the HTML tags (_view_) in javascript (_controller_)? How do I separate view and controller when I need this generic popup function that can display any sort of HTML?