Adobe Spry- nem sirály!!!!
Hogy én mindig mellényúlok!!!!
:)))))))))
Föladtam a regexpes dolgot, amikor nagyon nagyon nagyon kell, úgyis megoldom.
:)
Nos. Akkor legyen az a helyzet, hogy egy oldalon négy féle űrlap legyen.
Kevés a hely, ezért a fülezés mellett döntöttem...
Szépen megcsináltam az elrendezést és látám, hogy mukodik, mégse nem jó. A kevés hely miatt a füleken is kevés az info.
Sebaj, a Spry-nak van tooltip-je.
Szabálosan rá is teendem.
Oszt láss csudát: fika az egész!!!
Csak az első két fül működik és a második fül a 4. fül tartalmát hozza be.
HA! Ha jól látom CSS osztály öröklődési gond van.
De hiába látom jól, megoldani nem tudom, mert a FÜLEKHEZ kell kötnöm a tooltipet és öröklődést meg MÉG nem tudok megakadályozni.
Próbáltam a trigger-t span-ra tenni li-tagon belül, kívül.. ugyanez törpénik.
Felejcsem el a tooltipet? A Spry-t? Vagy mindent, amit tudok és mennyek el kapányi?
:)))))))))
Szóval. Valóban a Spry-jal van dond, vagy én nem használom jól?
■ :)))))))))
Föladtam a regexpes dolgot, amikor nagyon nagyon nagyon kell, úgyis megoldom.
:)
Nos. Akkor legyen az a helyzet, hogy egy oldalon négy féle űrlap legyen.
Kevés a hely, ezért a fülezés mellett döntöttem...
Szépen megcsináltam az elrendezést és látám, hogy mukodik, mégse nem jó. A kevés hely miatt a füleken is kevés az info.
Sebaj, a Spry-nak van tooltip-je.
Szabálosan rá is teendem.
Oszt láss csudát: fika az egész!!!
Csak az első két fül működik és a második fül a 4. fül tartalmát hozza be.
HA! Ha jól látom CSS osztály öröklődési gond van.
De hiába látom jól, megoldani nem tudom, mert a FÜLEKHEZ kell kötnöm a tooltipet és öröklődést meg MÉG nem tudok megakadályozni.
Próbáltam a trigger-t span-ra tenni li-tagon belül, kívül.. ugyanez törpénik.
Felejcsem el a tooltipet? A Spry-t? Vagy mindent, amit tudok és mennyek el kapányi?
:)))))))))
Szóval. Valóban a Spry-jal van dond, vagy én nem használom jól?
<!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>
<meta http-equiv="Content-Type" content="text/html;utf-8" />
<title>Spry Tabbbed Panel + tooltip</title>
<style type="text/css">
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 160px; }
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 0px 3px 0px 0px;
margin: px 1px 0px 0px;
background-color: #39F;
font: bold 9px Verdana, Geneva, sans-serif;
color:#C30;
list-style: none;
cursor: pointer;
border:1px solid;
white-space:nowrap;
display:block;
bottom:auto;
width:34px;
height:14px;}
.TabbedPanelsTabHover {
background-color: #3CF;}
.TabbedPanelsTabSelected {
background-color: #3FF;
border-bottom: 1px solid #EEE;}
.TabbedPanelsTab a {
color: black;
text-decoration: none;}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #3FF;
height: 150px;}
.TabbedPanelsContent {
padding: 1px;
font:Verdana, Geneva, sans-serif;
font-size:10px;
overflow: hidden;
color:#000;}
.TabbedPanelsContentVisible {}
/*********************** tooltip.css ****************/
.tooltipContent {
background-color: #FF0;
font:Verdana, Geneva, sans-serif;
font-size:10px;
font-style:oblique;
}
</style>
<script language="JavaScript" type="text/javascript" src="http://labs.adobe.com/technologies/spry/widgets/tabbedpanels/SpryTabbedPanels.js"></script>
<script src="http://labs.adobe.com/technologies/spry/widgets/tooltip/SpryTooltip.js" type="text/javascript"></script>
</head>
<body>
<div class="TabbedPanels" id="fules">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" id="trigger1">°C+pH</li>
<div class="tooltipContent" id="container1">Hômérséklet és pH mérés</div>
<script language="JavaScript" type="text/javascript">
var tooltip1 = new Spry.Widget.Tooltip("container1", "#trigger1");
</script>
<li class="TabbedPanelsTab" id="trigger2"> sCl</li>
<div class="tooltipContent" id="container2">Szabad Clor mérés</div>
<script language="JavaScript" type="text/javascript">
var tooltip2 = new Spry.Widget.Tooltip("container2", "#trigger2");
</script>
<li class="TabbedPanelsTab" id="trigger3">Cl 1_2</li>
<div class="tooltipContent" id="container3">Szabad és Kötött Clor mérés</div>
<script language="JavaScript" type="text/javascript">
var tooltip3 = new Spry.Widget.Tooltip("container3", "#trigger3");
</script>
<li class="TabbedPanelsTab" id="trigger4">Egyedi</li>
<div class="tooltipContent" id="container4">Rendkívüli mérések</div>
<script language="JavaScript" type="text/javascript">
var tooltip4 = new Spry.Widget.Tooltip("container4", "#trigger4");
</script>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Tab 1 tartalom</div>
<div class="TabbedPanelsContent">Tab 2 tartalom</div>
<div class="TabbedPanelsContent">Tab 3 tartalom</div>
<div class="TabbedPanelsContent">Tab 4 tartalom</div>
</div>
</div> <!-- end fules -->
<script language="JavaScript" type="text/javascript">
var tp1 = new Spry.Widget.TabbedPanels("fules");
</script>
</body>
</html>
HTML
Először is köszönöm! :)
Így van ez-sajnos-, a Spry-jal is. Én legalábbis csak azokig a példákig jutottam el, amik egy-egy komponens különálló megvalósítását írja le.
Talán a tooltipnél van olyan, hogy DataSettel kombinálódik táblázat adat megjelenítéshez. Vagy valami ilyesmi.
De külön levezetve, hogy minek és hol van a helye, az a legritkább esetben érhető el az eddig(!) látott keretrendszerek esetében.
A változót meg nem én gyártom, hanem a howto szerint így kell csinálni.
Legalábbis, nem mondja-írja, hogy másképp is lehe(ne).
A valid HTML-ért pedig elnézést! Kínomban és tudatlanságomban már mindent kipróbáltam.
Majdnem mindent..
Köszönöm mégegyszer!
:)
Probald felcserelni a
Ahelyett, hogy masok altal elkeszitett frameworkoket es plugineket kezdesz el fogalom nelkul hasznalni, elobb tanuld meg a technologia (legalabb) alapjait. Igy kepes leszel gondolkodni es tudni fogod, hogy mi folyik a masolt kodban, esetleg tudsz majd jobbat talalni vagy csinalni es kombinalni is tudod majd oket.