Jump to content
GSForum - Segélyvonal

linkre kép


Recommended Posts

Posted

Szaiasztok ! Szeretnék egy olyan dolgot a honlapomra, hogyha egy névre rávisszük az egeret akkor automatikusan megjelenjen egy kép és ha a névről elvisszük az egeret akkor a kép elmuljon. Itt sok ilyen látható de szöveggel, én képpel szeretném .Ennek kéne valami kód féle. Illetve egyúttal megkérdem azt is, hogy úszó felhőket hogyan tudnék feltenni a honlapomra. Ha lenne valakinek ilyen kódja, azt is megköszönném.

Posted

Hi

 

onmouseover és az onmouseout lesz a te barátod meg a javascript.

( Mielõtt még tanult kollegánk, Fujitsu megkérdezné, hogy mi van akkor ha levan tiltva a javascript, akkor nem fog mûködni :P )

 

Továbbá több féle képen is tudsz úszó felhõket csinálni egyik pl a flash.

 

Üdv

P

 

Posted

Aranyos vagy, hogy megmondtad mi kell nekem de ezekről még csak nem hallottam, így gondolom megsem tudnám csinálni. Igazán azt várnám valakitől, hogy leirja a kódot ide és én meg beilleszteném úgy mint másoknak is jön a segitség. Végignéztem az összes javascriptes honlapot, de ilyennel nem találkoztam. A googleban is eltöltöttem pár órát. Ezt csak azért írom le hogy lássátok nem tétlenkedem a siker érdekében.

Posted
Végignéztem az összes javascriptes honlapot, de ilyennel nem találkoztam.

Megcsinálom neked, ha elárulod az örök élet titkát. :hááát:;)

Posted

Nem kevés amit kérsz és jobb ötletem nekem sincs minthogy " ember küzdj és bízva bizzál "

És nagyon köszönöm szépen a beigért segítséget is.

Posted

Rollerozz, hogy el ne hízzál. Ezt ismerem. Én az összes javascriptes oldal kontraszelektív átnézésére lettem volna kíváncsi, hogy egyrészt ezt hogyan, mert egy emberöltő biztos kevés hozzá, másrészt hogyan nem sikerült egyetlen egyet sem találni, amiben onmouseover lett volna? :)

 

Na, mindegy. Mutasd meg az oldal HTML részét, hogy lássam, mire gondolsz meg hova mutatunk, hol jelenik meg a kép stb.

Posted

http://www.martonyi.extra.hu A martonyi bemutatkozik oldalon a lap alaján van egy név Kiss János és azzal szeretném megcsinálni ahogy kértem. Most úgy van, hogy a lap kétszer van fenn az oldalon egy a kép nélkül és a másik azzal. Szóval arról lenne szó, elsõsorban. Amit szeretnék de nem baj ha nem jön össze, hogy az elsõ kezdõ lapon amint látod majd, hegyek vannak és három, madárka repked ott. Még gondoltam oda jó lenne vagy két felhõcske hogy csöndesen keresztül úszna a csúcsok fölött. De az elsõ a fontosabb lenne, mert azt akkor más nevekkel is megtudnám csinálni ennek alapján.. Mégegyszer köszönöm. Megj.: ilyen megoldást nem találtam sehol, vagy nem jöttem, rá hogy ezt akarják kifejezni ? Nem tudom.

 

állapotban láthatók. Az építmény a  község névtáblájától 4 km-re található, amely csodálatos környezetben közelíthetõ meg. Kíváló gyalogtúra azoknak akik kedvelik a természetet.</span></strong></p>

<p align="justify" class=MsoBodyText3><strong><span style='font-family:Verdana;language:HU'>1402 - tõl a Bebekek kezén találjuk a falut. A család egyik ága Mátyás királytól bányászati jogot nyert a falu

<![if !supportEmptyParas]>

határának ércbányáira. Az 1940-es évek végéig, mûködött a falu határában egy vasércbánya, melynek érctelepét - az ott talált tokos balta tanúsága szerint - a bronzkorban is fejthették. A török korban hódoltsági terület lett. 1577 - ben a telepûlést hatalmas jégverés pusztította, s ekkor a község lakói annyira elszegényedtek, hogy nem fizettek adót a töröknek, így csak 1641 után hódoltak meg az egri Darat Izpáhia elõtt.</span></strong></p>

<p align="justify" class=MsoBodyText3><strong><span class="style14">A 19.szd. közepén több birtokos - így a Vatay, Ragályi, Csiszár, Széky, Pásztor, Koós, Madarassy, báró Wesselényi, Kalas, Rókusfalvy, Horváth, és Dobozy családok - kezén találjuk.</span></strong></p>

<p class=MsoBodyText3><strong>A két világháború között egy római katolikus és egy református elemi iskolája volt. Szeszgyára is mûködött a Tagi tanyán.</strong></p>

<p align="justify" class=MsoBodyText3><strong>A falu református temploma 1786 - ban épûlt a korábbi fatemplom helyén. Ez a templom 1811 - ben lett a tûz martaléka és 1827 - re épûlt újjá a fagalériás toronnyal, melyet 1907 - ben alakítottak át a mai formájára. A templom mennyezete sík vakolt berendezésébõl csak a copf szószéke eredeti.</strong></p>

<p align="justify" class=MsoBodyText3><strong>Római - görög katolikus temploma különálló harangtornyával együtt 1988 -ban épült Horváth János Ybl-díjas épitészmérnök tervei alapján, <a href="http://www.martonyi.extra.hu/Martonyi bemutatkozik2.html" class="style15">Kiss János</a> szendrõi kanonok közbenjárásával. Egyedi, különleges építészeti megoldásával szépen illeszkedik a község panorámájába. </strong></p>

</div>

<div id="Layer3" style="position: absolute; left: 24px; top: -6px">

<table width="971" border="0" cellspacing="10" cellpadding="0">

<tr>

<td width="174"><div align="center"><a href="http://igazsag.extra.hu/TRIANON DURVA.html"><img src="index_elemei/cimer3.jpg" width="242" height="164"></a></div></td>

<td width="618"><div align="center">

<p class="style1" style="font-size:x-large;line-height:100%; font-family:Berylium;language:HU"><strong><a href="http://www.martonyi.extra.hu/">M a r t o n y i </a></strong></p>

  • 2 weeks later...
Posted

Találtam egy hasonló dolgot, megpróbáltam le is fordítani de nem jutok 5-6-ra. Én egy képet szeretnek beletenni az oldalamra, hogy amikor egy névre mutat az egér felbukkan egy kép majd ha elveszem az egeret elmúlik úgy mint ezen, amit most becsatolok. De tudom hova kell tenni a képet, és egy link is elég lenne nekem.Ebbe kérnek segítséget.

 

<script type="text/javascript">

 

/***********************************************

* Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)

* Copyright 2002-2007 by Sharon Paine

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

 

/* FONTOS: Put script after tooltip div or

put tooltip div just before </BODY>. */

 

var dom = (document.getElementById) ? true : false;

var ns5 = (!document.all && dom || window.opera) ? true: false;

var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;

var ie4 = (document.all && !dom) ? true : false;

var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;

 

var origWidth, origHeight;

 

// avoid error of passing event object in older browsers

if (nodyn) { event = "nope" }

 

/////////////////////// Szokásossá tesz ////////////////////

// Beallitasok eszközei

// Atköltözik akarssz e tippet mozdulatnak amikor az egerrel kapcsolsz?

var tipFollowMouse= true;

// Allitsd be a tipWiddth szeles eleg legszelesebb kepnek

var tipWidth= 160;

var offX= 20; // hogy talolrol sem eger bemutatonak tipp

var offY= 12;

var tipFontFamily= "Verdana, arial, helvetica, sans-serif";

var tipFontSize= "8pt";

// szilaard alapertelmezes szoveg szin es hatterszin atalakitas itt

// egyeni tooltipps ez a sajat beallitotak e uzenetekben sorok

// de don't rendelkeznek fele

var tipFontColor= "#000000";

var tipBgColor= "#DDECFF";

var tipBorderColor= "#000080";

var tipBorderWidth= 3;

var tipBorderStyle= "ridge";

var tipPadding= 4;

 

// szerszam tartalaom megy itt kep leiras valaszthato bgszin valaszthato betüszin

var messages = new Array();

// tobb dimenzios ssorok tartalmazo

// kep es szoveg atszerszamozas

// optional: bgColor es szin küldeni a szerszam fele

messages[0] = new Array('red_balloon.gif','Van egy piros leggom feher hatteren',"#FFFFFF");

messages[1] = new Array('duck2.gif','Itt van egy kacsa konnyu kek hatteren.',"#DDECFF");

messages[2] = new Array('test.gif','Proba leiras','black','white');

 

//////////////////// Terület testre szabás vége ///////////////////

 

// preload kepek ami mutatkozni mulve szerszam

// sorokbol tobb mint

if (document.images) {

var theImgs = new Array();

for (var i=0; i<messages.length; i++) {

theImgs = new Image();

theImgs.src = messages[0];

}

}

 

// to layout image and text, 2-row table, image centered in top cell

// these go in var tip in doTooltip function

// startStr goes before image, midStr goes between image and text

var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';

var midStr = '" border="0"></td></tr><tr><td valign="top">';

var endStr = '</td></tr></table>';

 

////////////////////////////////////////////////////////////

// initTip - initialization for tooltip.

// Global variables for tooltip.

// Set styles

// Set up mousemove capture if tipFollowMouse set true.

////////////////////////////////////////////////////////////

var tooltip, tipcss;

function initTip() {

if (nodyn) return;

tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;

tipcss = tooltip.style;

if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites

tipcss.width = tipWidth+"px";

tipcss.fontFamily = tipFontFamily;

tipcss.fontSize = tipFontSize;

tipcss.color = tipFontColor;

tipcss.backgroundColor = tipBgColor;

tipcss.borderColor = tipBorderColor;

tipcss.borderWidth = tipBorderWidth+"px";

tipcss.padding = tipPadding+"px";

tipcss.borderStyle = tipBorderStyle;

}

if (tooltip&&tipFollowMouse) {

document.onmousemove = trackMouse;

}

}

 

window.onload = initTip;

 

/////////////////////////////////////////////////

// doTooltip function

// Osszegyujt tartalmat at szerszam es ira ez fele

//tipDiv

/////////////////////////////////////////////////

var t1,t2; // for setTimeouts

var tipOn = false; // check if over tooltip link

function doTooltip(evt,num) {

if (!tooltip) return;

if (t1) clearTimeout(t1); if (t2) clearTimeout(t2);

tipOn = true;

// set colors if included in messages array

if (messages[num][2]) var curBgColor = messages[num][2];

else curBgColor = tipBgColor;

if (messages[num][3]) var curFontColor = messages[num][3];

else curFontColor = tipFontColor;

if (ie4||ie5||ns5) {

var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;

tipcss.backgroundColor = curBgColor;

tooltip.innerHTML = tip;

}

if (!tipFollowMouse) positionTip(evt);

else t1=setTimeout("tipcss.visibility='visible'",100);

}

 

var mouseX, mouseY;

function trackMouse(evt) {

standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes

mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;

mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;

if (tipOn) positionTip(evt);

}

 

/////////////////////////////////////////////////////////////

// positionTip function

// If tipFollowMouse set false, so trackMouse function

// not being used, get position of mouseover event.

// Calculations use mouseover event position,

// offset amounts and tooltip width to position

// tooltip within window.

/////////////////////////////////////////////////////////////

function positionTip(evt) {

if (!tipFollowMouse) {

standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body

mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;

mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;

}

// tooltip width and height

var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;

var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;

// document area in view (subtract scrollbar width for ns)

var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;

var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;

// check mouse position against tip and window dimensions

// and position the tooltip

if ((mouseX+offX+tpWd)>winWd)

tipcss.left = mouseX-(tpWd+offX)+"px";

else tipcss.left = mouseX+offX+"px";

if ((mouseY+offY+tpHt)>winHt)

tipcss.top = winHt-(tpHt+offY)+"px";

else tipcss.top = mouseY+offY+"px";

if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);

}

 

function hideTip() {

if (!tooltip) return;

t2=setTimeout("tipcss.visibility='hidden'",100);

tipOn = false;

}

 

document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>')

 

</script>

 

 

 

 

 

 

 

 

 

 

<a href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()">Link 1</a><br>

<a href="#" onmouseover="doTooltip(event,1)" onmouseout="hideTip()">Link 2</a>

  • 1 year later...
Arkangyal1528464506
Posted

Na, ez se mai, de azért egy megoldás (miután megértettem, hogy mi is a cél.. :P):

<head><script>
function korcos(melyik)
{
var valami = document.getElementById(melyik);
melyik.style.display = '';
}

function korcos_ki(melyik)
{
var valami = document.getElementById(melyik);
melyik.style.display = 'none';
}
</script>
</head>

<!--// link példák //-->
<a href="#" onmouseover="korcos(rolam)" onmouseout="korcos_ki(rolam)">Rólam</a><br>
<a href="#" onmouseover="korcos(masrol1)" onmouseout="korcos_ki(masrol1)">Másról 1</a><br>
<a href="#" onmouseover="korcos(masrol2)" onmouseout="korcos_ki(masrol2)">Másról 2</a><br>

<!--// képek rejtve //-->
<img src="test.jpg" id="rolam" style="display:none;position:absolute;left:40;top:250">
<img src="red_balloon.jpg" id="masrol1" style="display:none;position:absolute;left:200;top:40">
<img src="duck2.jpg" id="masrol2" style="display:none;position:absolute;left:10;top:10">

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...