0

I have created a simple top bar for my new website. Here is the code for him in css. It's simple div bar.

.topbar {
display:block;
width:100%;
height:40px;
background-color:#f5f5f5;
}

I want to put in this top bar a simple .SWF flash mp3 player. And i want to make this bar to not reload or refresh when people are browsing inner website pages on which this top bar exists.

Something like the top bar on http://soundcloud.com

How i can make this bar to not refresh?

Thanks in advance!

P.S. I don't want to put the rest of the website in iframe. Somehow i want to make it with Javascript?

Can someone explain more for this - http://angularjs.org/ It was given me by the answers!

user3257854
  • 1
  • 4
  • Iframes are the easiest way, but for sure not the best way – STT LCU Jan 31 '14 at 15:28
  • 1
    Look into building a modern single page web application. The design considerations are much broader to explain fully on StackOverflow. – xspydr Jan 31 '14 at 15:29
  • I didn't think that iframe is a good way to do that. I think you must use single page web application. So you need to use strong Javascript framework to do that. – guli Jan 31 '14 at 15:50

3 Answers3

0

You can do that by not refreshing the entire page but only by refreshing the parts (other than the top bar) using Ajax and Javascript.

You can use easy and strong framework like AngularJS.

guli
  • 1,183
  • 1
  • 9
  • 19
-1

If you don't want to put too much effort just use iframe, simple.

But if you want a solid approach, I suggest go through below posts

Stackoverflow Link 1

Stackoverflow Link 2

Community
  • 1
  • 1
FreshPro
  • 875
  • 3
  • 14
  • 35
-1

You could put the rest of the website in an iframe

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

user2224693
  • 122
  • 7