» »

Jquery toolptip ne deluje :(

Jquery toolptip ne deluje :(

PrimozBo ::

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.

Karlos ::

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 ::

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

PrimozBo ::

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 ()

JayKay ::

svojo kodo sem prilepi, da vidimo.

keworkian ::

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

PrimozBo ::

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

Karlos ::

PrimozBo je 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 ::

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 ::

<!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 ::

PrimozBo je 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 ()

PrimozBo ::

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 ::

maš unitip tudi

PrimozBo ::

Š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 ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1298347469 (6606) sunniegoldie
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč
151952 (1680) kr?en
»

Kontaknti obrazec - potrebujem pomoč

Oddelek: Programiranje
181162 (884) cobrica
»

Wampserver in Firefox

Oddelek: Izdelava spletišč
61859 (1739) jonystar
»

[CSS]Pozicioniranje footer diva

Oddelek: Izdelava spletišč
62467 (2414) amaze646

Več podobnih tem