Jquery toolptip ne deluje :( @ Slo-Tech

Forum » Izdelava spletišč »
Jquery toolptip ne deluje :(

Jquery toolptip ne deluje :(

PrimozBo :: 2. mar 2010, 23:30

Primer tooltipa ki na spletu deluje, ko pa stvar skopiram k sebi pa nikakor noče. Vse poti so pravilne saj itak kažejo na spletno stran plugina, poskusil pa sem tudi z lokalnimi potmi in stvar ne dela.

Bi bil kdo tako dober da preizkusi če stvar njemu dela ? Pri meni se preprosto ne zgodi nič, niti navadnega tooltipa ni vec.

Drugače pa je moja naloga prikazati neke podatke v tabeli in ob prehodu miške čez celico naj bi se pokazale še dodatne informacije. Je toolptip prava rešitev za moj problem ?

Uporablajm FF 3.5 in IE8.

premaknilo iz Programiranje: snow (3. mar 2010 ob 23:17)

Karlos :: 3. mar 2010, 00:13

Zaženi FireBug, sigurno bo javil kakšno napako...

Sai Baba: "Dam vam to, kar hočete, da boste hoteli to, kar vam želim dati."

kogledom :: 3. mar 2010, 00:27

Najverjetneje imaš problem v selectorju: $(""). title attribut imaš nastavljen? Če ne pa copy-paste tvojo kodo. Drugače pa FireBug je tvoj prijatelj...

PrimozBo :: 3. mar 2010, 00:37

Firebug ne javi ničesar, koda je direktno copy paste iz spletne strani.
Vama dela tista koda če jo prilepita k sebi ?

Ko sledim kodi v firebugu se tooltip funkcija pokliče samo rezultata ni nobenega.

Zgodovina sprememb…

spremenil: PrimozBo (3. mar 2010 ob 00:39)

JayKay :: 3. mar 2010, 00:52

svojo kodo sem prilepi, da vidimo.

keworkian :: 3. mar 2010, 08:33

Kaj pa ce bi uporabil
var title = $("#demo img").attr("title").val();
title.tooltip("#demotip");

Obscenities in B-Flat

PrimozBo :: 3. mar 2010, 09:03

Pa kaj bom lepil svojo kodo, če je samo copy paste primer iz spleta, ki pa mi ne deluje

Karlos :: 3. mar 2010, 09:41

PrimozBo je 3. mar 2010 ob 09:03 izjavil:

Pa kaj bom lepil svojo kodo, če je samo copy paste primer iz spleta, ki pa mi ne deluje

No sej to je tvoj problem.

Copy/paste je NAJNEVARNEJŠA operacija ki jo lahko delaš, če ne veš kaj točno delaš!

Probi zamenjat CSS s spodnjim...

#demotip { 
    display:none; 
    background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}

Sai Baba: "Dam vam to, kar hočete, da boste hoteli to, kar vam želim dati."

PrimozBo :: 3. mar 2010, 12:08

Nope ne dela. Sej si sam pot do ozadja zamenju, kar sm storu tudi sam. Tolk neumn pa spet nism.

JQuery sam mi dela oz selector izbere željene elemente, ker če da recimo append("test") bodo vse celice imele tole dodano. Takle K*** tooltip pa ne dela pa da se na glavo postavim ;((

@Karlos
A tebi pa un primer dela bp ?

JayKay :: 3. mar 2010, 12:14

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

<head>
	<!-- standalone page styling (can be removed)-->
	<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/standalone.css"/>

	<title>jQuery Tools standalone demo</title>
	<!-- default set of jQuery Tools + jQuery 1.3.2 -->

	<script src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script>

	
	
</head>

<!-- without body tag IE may have unprodictable behaviours -->
<body>

<!-- now that jQuery Tools is included we can begin with the actual demo -->




<!-- tooltip styling -->
<style>

#demotip {
	display:none;
	background:transparent url(http://static.flowplayer.org/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
</style>



<!-- use gif image for IE -->
<!--[if lt IE 7]>
<style>
#demotip {
	background-image:url(/tools/img/tooltip/black_arrow.gif);
}
</style>
<![endif]-->


<!-- the tooltip -->
<div id="demotip">&nbsp;</div>

<!-- a couple of trigger elements -->
<div id="demo">
	<img src="http://static.flowplayer.org/tools/img/photos/1.jpg"
		title="A must have tool for designing better layouts and more intuitive user-interfaces."/>

	<img src="http://static.flowplayer.org/tools/img/photos/2.jpg"
		title="Tooltips can be positioned anywhere relative to the trigger element."/>

	<img src="http://static.flowplayer.org/tools/img/photos/3.jpg"
		title="Tooltips can contain any HTML such as links, images, forms, tables, etc."/>

	<img src="http://static.flowplayer.org/tools/img/photos/4.jpg" style="margin-right:0px"
		title="There are many built-in show/hide effects and you can also make your own."/>
</div>


<script>
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready



$(document).ready(function() {
	$("#demo img[title]").tooltip('#demotip');
});
</script>



</body>

to dela bp

Karlos :: 3. mar 2010, 12:18

PrimozBo je 3. mar 2010 ob 12:08 izjavil:

Nope ne dela. Sej si sam pot do ozadja zamenju, kar sm storu tudi sam. Tolk neumn pa spet nism.

JQuery sam mi dela oz selector izbere željene elemente, ker če da recimo append("test") bodo vse celice imele tole dodano. Takle K*** tooltip pa ne dela pa da se na glavo postavim

@Karlos
A tebi pa un primer dela bp ?

Sem mislil da si pozabil popraviti pod do slike, ker sem na začetku pozabil in mi ni delalo...

Kakorkoli že tale koda bi morala 100% delat

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<script src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script>

		<title>Untitled Document</title>
		<style>
			#demotip { 
    display:none; 
    background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}
		</style>
		
		<script type="text/javascript">		
		$(document).ready(function() { 
		    $("#demo img[title]").tooltip('#demotip'); 
		});
	</script>
	</head>
	<body>
	af<br>
	<br>af<br>
	<br>af<br>
	<br>af<br>
	<br>

		<!-- the tooltip --> 
<div id="demotip">&nbsp;</div> 
 
<!-- and the triggers --> 
<div id="demo"> 
    <img src="http://static.flowplayer.org/tools/img/photos/1.jpg" title="The tooltip text #1"/> 
    <img src="http://static.flowplayer.org/tools/img/photos/1.jpg" title="The tooltip text #2"/> 
    <img src="http://static.flowplayer.org/tools/img/photos/1.jpg" title="The tooltip text #3"/> 
    <img src="http://static.flowplayer.org/tools/img/photos/1.jpg" title="The tooltip text #4"/> 
</div>

	</body>
</html>

Sai Baba: "Dam vam to, kar hočete, da boste hoteli to, kar vam želim dati."

Zgodovina sprememb…

spremenil: Karlos (3. mar 2010 ob 12:21)

PrimozBo :: 3. mar 2010, 13:15

In tudi dela

Misterij pa je zakaj moj cp ne dela. 8-)

Kakorkoli že, najlepša vam hvala vsem za pomoč.

P.S.
1. A je prikaz tooltipa da dodatne informacije o neki celici v tabeli dobra rešitev z stališča uporabnosti al je to pametneje kako drugače naredit.
2. Mogoč priporočate kak drug jquery plugin za tooltipe. 10kb JS se mi zdi preveč za neko tako malenkost, ostali pa kolkr sm gledu so še večji.

JayKay :: 3. mar 2010, 14:00

maš unitip tudi

PrimozBo :: 3. mar 2010, 18:25

Še eno vprašanje glede tegale Tooltipa.

Sedaj sem zamenjal slikco ozadnja in sicer namesto titega balončka sem dal enostaven kvader. Problem pa je da je sedaj spodnji del kvadra prosojen. Kot bi se med kvader in eleent nad katrim sem vrnil še en prsojen kvader.

Verjetno je treba še kaj popravt, sam ne videm kaj naj bi blo to.

Vredno ogleda ...

	Tema	Sporočila	Ogledi	Zadnje sporočilo
	Tema	Sporočila	Ogledi	Zadnje sporočilo
!	Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 ) Tody Oddelek: Izdelava spletišč	1298	347050 (6187)	sunniegoldie 11. sep 2024 05:12:48
»	Prikaz strani na različni resoluciji-Joomla jugostyle Oddelek: Izdelava spletišč	15	1948 (1676)	kr?en 26. jun 2014 18:57:18
»	Kontaknti obrazec - potrebujem pomoč dasooo Oddelek: Programiranje	18	1157 (879)	cobrica 18. sep 2012 11:24:25
»	Wampserver in Firefox jonystar Oddelek: Izdelava spletišč	6	1854 (1734)	jonystar 4. maj 2012 07:59:32
»	[CSS]Pozicioniranje footer diva amaze646 Oddelek: Izdelava spletišč	6	2462 (2409)	amaze646 2. dec 2009 22:26:32

Več podobnih tem

Zadnje novice

Zadnji članki

Išči:

Forum » Izdelava spletišč »
Jquery toolptip ne deluje :(

Jquery toolptip ne deluje :(