Web Development Discussion Boards

Hi
i have an issue with the twitter bootstrap popover.
I am using Asp.net visual studio 2005.
I have downloaded and installed the most recent package (twitter-bootstrap-v2.2.0-2-g3b3dd3a)
I made a simple html page:

HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Twitter Bootstrap Popover with placement option Example</title> 
<meta name="description" content="Creating Modal Window with Twitter Bootstrap">
<link href="twitter-bootstrap/docs/assets/css/bootstrap.css" rel="stylesheet"> 
<style>
a {
margin-left : 400px;
}
</style>
</head>
<body>
<div class="container">
<h2>Example of creating Popover with Twitter Bootstrap with placement option</h2>
<div class="well">
<a href="#" id="example" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltip for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>
</div>
<div class="well">
<a href="#" id="example_left" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>
</div>
<div class="well">
<a href="#" id="example_top" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>
</div>
<div class="well">
<a href="#" id="example_bottom" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>
</div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="twitter-bootstrap/js/bootstrap-tooltip.js"></script>
<script type="text/javascript" src="twitter-bootstrap/js/bootstrap-popover.js"></script>
<script type="text/javascript">
$(function ()
{ $("#example").popover();
$("#example_left").popover({placement:'left'});
$("#example_top").popover({placement:'top'});
$("#example_bottom").popover({placement:'bottom'});
});
</script>
</body>
</html>

The problem is that, using IE 9, the buttons aren't formatted properly, while in Chrome they appear just fine

Here how they are displayed in IE9:
IE9

Here in Chrome:
Chrome

Any suggestions or help would be way cool!

Thanks,

Mary

Hello Mary,

Looking at the pictures, to me it just looks like the buttons in chrome are center aligned and the buttons in ie are left aligned.

What is the styling in your style "Well"?

And did you try

<div style="text-align: center;">

instead of

<div class="well">

Hello,
Can anybody give me any example of webservice use in desktop application.?

Thank you

It is not any difrent from web application.
If you are using IoC conainer you can inject wcf proxies trough it. http://dotnet.dzone.com/news/using-ioc-container-create-wcf

No more Mister Nice Guy... >: |

I would like to have header across the top of my page with links for my website.

Then when some links are clicked it would actually load another website within a particular div of the current website.

Is this possible?

I'm working with wordpress so it's mainly PHP, javascript, and HTML.

Specifically I want to display all properties for sale in my area. The properties are maintained on a separate webpage. I do not want to loose the visitor when they go to the separate website... but rather keep my header up so they can easily click back to my website as needed. That's basically what I'm trying to do in a nutshell.

You can use

HTML

<iframe>

HTML tag and change it's src attribute

HTML

<iframe src="target.html">

by JS code as click event handler.

JavaScript

somelink.onclick =function(event){
iframe.src = event.target.href;
event.preventDefault();
}

No more Mister Nice Guy... >: |

Sweeeeeeeeeeeeeeeeeeeeeeeeeeeeeet worked like a champ Smile | :)

I created a new page template in wordpress and put the iframe tag for the body of the page. Here's a link to my test http://www.keystoaz.com/test/... I embedded one of my websites in another one of my websites.

I'm curious though... Is there some trick to get the iframe to resize the page so it doesn't nest a scroll bar like that?

Thanks!!!

weinerschizel wrote:
I'm curious though... Is there some trick to get the iframe to resize the page so it doesn't nest a scroll bar like that?

What do you mean? I frame has size allowed by page layout. If you give more space to iframe or page within iframe will be less space demanding scroll will disappear. Think of iframe like about browser window: window is to small for page scroll will appear to let you see all the content.

No more Mister Nice Guy... >: |

Yeah that's what I figured... Just thought I would see if there was some sort of script / hack that could re-size the iframe though. Googling doesn't come up with too much either.

The page webpage I plan on embedding is a fixed height anyways so it probably won't even matter anyways. (I have to pay $300 / year for the ability to embed it).

It is possible. Try setting style of iframe

JavaScript

$('iframe').css({
'position':'absolute',
'top':'0px',
'left':'0px',
'height':'100%',
'width':'100%'
});

I am not sure about syntax. It's be a while since I manipulated styles with jQuery, so better check it with documentation.
But this should work. Basicly it's setting left-top corner of frame to left-top corner of window, and force iframe to take all available window space.
I did not try this with iframe but I guess this should work like with any other html element.

No more Mister Nice Guy... >: |

If you don't have permission to do this, most website owners will object. They'll either add script to break out of the frame, add headers to prevent their site being loaded in your frame, or possibly even resort to legal action.

Somebody tried to do this to CodeProject a few weeks back[^]; the hamsters were not amused!

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

modified 15-Nov-12 7:54am.

That sucks.

I think it's a perfectly reasonable response. If you'd spent time and effort making a really useful site, would you be happy for someone else to display your site surrounded by their branding and adverts?

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Yes, you may use iframe and within it load an url.

Hi, enveryone, now I want write a function like evernote web clipper,but I didn't know what to do with it ,alsp didn't found any info through google search, could someone help me slove it or give me some suggestion,many tks.

I just watched the evernote video and am very impressed with what it can do. However, I would be surprised if you could write this in "a function". This product runs as a browser extension and supports all browsers, so the first thing you need to do is study how to create a BE. Once you have a simple BE running you can start thinking about the ways you would capture the data from the web pages that the user clicks on. Then you need to figure out how and where you are going to store this information, etc.

One of these days I'm going to think of a really clever signature.

Thanks for your reply, I just study web programing for little times, before I was a linux system programmer so didn't very clear with your suggestion, so could you give me a detail, such as what's "BE"?if I want accomplish my task what should i begin with it? many thanks

As I said in my previous message, this product is developed as a Browser Extension (BE), or Add-on. If you want to develop something similar then you need to study that subject first; take a look here[^] and here[^] for more information.

One of these days I'm going to think of a really clever signature.

Ok, deeply thanks for your replying, BTW, could you give me your MSN account ?

crayben wrote:
could you give me your MSN account ?

Er, why?

One of these days I'm going to think of a really clever signature.

if I have encounter some quesion I can ask for your help, BTW, MSN is convinent,pls

Sorry, I no longer do private consulting, and if I did it would be very expensive.

One of these days I'm going to think of a really clever signature.

How can we pass the executive result of Java Web Start to the launch Web page for displaying?

I've just started working with MVC in VS2012 and would like to develop unit tests while developing. What are the preferred standards or conventions for unit testing in this environment?

I find that I prefer the 2010 environment for testing simply for the private accessor and easy test generation. My problem is I'm having a hard time deciding if I want to use mocking or constructor injection and which would lend to cleaner code. What are the preferences around here?

hi friends,

any one tell me the where i find out the sample code for call and start orchestration shape using file adapter in biztalk server 2010?

pls share that link here.

thanks in advance.