Iframe для отображения диаграмм Google

У меня есть база данных MySQL и несколько диаграмм Google, запрашивающих данные.Iframe для отображения диаграмм Google

Я ищу способ отображения диаграмм более аккуратным способом. В настоящее время у меня есть каждый график на отдельной странице, поэтому мне интересно, есть ли способ IFrame?

Я надеюсь, что вы нажмете на меню вертикального списка и увидите, что различные диаграммы заполняют Iframe.

Это работает, но у меня есть некоторые проблемы:

размещения Iframe справа от меню в верхней части страницы,
CSS в меню для также не будет работать,

новая страница также срабатывает, когда я нажимаю меню.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<title>Graph Menu</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<link rel="stylesheet" href="styles.css" type="text/css" /> 
<script src="./js/jquery-1.4.2.js" type="text/javascript"></script> 
<script type="text/javascript"> 

</script> 
</head> 
<body> 
<h1>Graph navigation page</h1> 
<hr /> 
<iframe frameborder="0" width="65%" height="800" style="float:centre" src="http://mysite" name="graphs" id="graphs"> 
<p>iframes are not supported by your browser.</p> 
</iframe><br /> 


<ul> 
<li><a href="http://mysite"target="graphs">Graph1</a></li> 
<li><a href="http://mysite"target="graphs">Graph2</a></li> 
</ul>

источник

2014-11-29 user3262467

Просто используйте поплавок: правый

<iframe frameborder="0" width="65%" height="800" style="float:right" src="http://mysite" name="graphs" id="graphs"> 
<p>iframes are not supported by your browser.</p> 
</iframe><br />

источник

2014-11-29 17:46:37 toto21

Спасибо, я играл вокруг с позиции и размера, но я просто не feelng его. Позиционирование кажется немного грязным, что не помогает меню таблицы стилей, а не стрельба. – user3262467

Iframe для отображения диаграмм Google

ответ

Смежные вопросы