Html-, css- és php-help
Jelentkezz be a hozzászóláshoz.
<div>
<div><p>A szöveg amit takarni kell</p></div>
<div style="position:absolute; top:0;"><img src="http://noob.hu/2010/10/10/kupon.png" class="drag"/></div>
</div>
Újra szeretnék kérni egy kis segítséget. Szeretnék egy szöveget(kupon kódot)eltakarni egy képpel, amit a látogató el tud róla húzni, így megszerezve a kódot. Azzal nincs gond, hogy a kép takarja a szöveget, viszont ilyenkor nem lehet a képet arrébb húzni. Ha húzható a kép, akkor meg nem tudom oda pozicionálni, ahol a kód lenne. Nem lehet gondolom valami nagy tûz, csak érteni kéne hozzá 😊 Elõre is hálás köszönet!
És amivel küzdök itt lenne:
----------------------------------------------------------------------------
<style type="text/css">
.drag
{
position:relative;
cursor:hand;
z-index: 100;
}
</style>
<script type="text/javascript">
/***********************************************
* Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}
dragobject.initialize()
</script>
<img src="http://noob.hu/2010/10/10/kupon.png" class="drag"><br>
------------------------------------------------------------------
Nem...nem...!!! Nem akarok Windows-os lélegeztetö gépet...!! SOF2, I my dying love - [H|R|S]SoF2 Team - War & Smoke - kertésznek kellett volna menni bazmeg...
"- If-et nem kezdheted ott, property-ket sorolgatsz éppen."
Ezt nem tudtam. Akkor ezert halt be a teljes kod.
Hatha nem is lesz ra szukseg, beraktam a kepet amit a JS konzol dobott, abbol esetleg vkinek van vmi otlete, mi lehet a megoldas?
"Chromeban devtools-ban timelineon nézd meg a responet is, milyen kóddal jön vissza..."
A timeline-t megtalaltam, de azt a responet nem. 😞
A jQuery-re nem ir semmit.
(\__/) ( X.x) ( } . { )
- Function nincs lezárva.
- $.ajax() nincs lezárva.
- If-et nem kezdheted ott, property-ket sorolgatsz éppen.
(\__/) ( X.x) ( } . { )
Szoval jo helyen lehetnek a dolgok, de vmiert nem tudja ertelmezni a JS-t az a ket bongeszo.
Gondolkoztam olyanon, hogy legalabb irhatna ki vmit annak a helyere kattintas utan, ha abbol a ket bongeszobol tortenik a funkciok hasznalata.
Talatam egy ilyen kodot:
var userAgent = navigator.userAgent.toLowerCase();
$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
function favorite(favid) {
$.ajax({
type: "POST",
url: "http://www.radio2listen.com/jscript/favorite.php?favid=" + favid,
cache: false,
if($.browser.chrome){
$('#favorite').text('OK');
}
else{
success: function(result){
$('#favorite').html(result);
}
}
}
Szoval ha chrome bongeszo, akkor kattintas utan kiirna, hogy "OK".
Csak vmiert nem mukodik, sot maga a kod is behal az osszes bongeszoban.
De amúgy is egy oldalt úgy kell csinálni, hogy JS nélkül is menjen rendesen.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
Erre fel a jQuery-s cucc se SAFARIban, se CHROME-ban nem mukodik. <#rinya>#rinya>
Pontosabban a $('#valami').html(result); resz .
Viszont ha nyomok egy F5-ot akkor az jelenik meg aminek kell.
Ez egyebkent ismert problema-e ket bongeszonel, vagy nalam van vmi gixer?
Meg az az 1 px eltolodas a gombnal a
position: relative;
left: 296px;
top: -23px;
resz miatt lehet, de ha atirom top: -24px; akkor meg FF-ban es IE8-ban lesz 1px eltolodas.
Lehet position: absolute; kellene?
...es tenyleg. Koszonom.
Ez arra lenne hivatott, hogy ha az uj IE-ben nem jelenik meg jol egy weboldal akkor ajanljak, hogy hasznaljuk a kompatibilitasi nezetet. Am azt tapasztalom, hogy szinte minden problemat ez a nezet general.
Akkor ha mar igy benne vagytok az utolso css problemamat is megkerdeznem; szinten 1 pixel eltolodas es a gomb szoveg felso resze nem latszik. Termeszetesen most is kompatibilitasi nezetben van gond.
Ez lenne a HTML resze.
Ez lenne a css resze.
Köszönök azért minden ötletet, de ezek miatt a regular expression lett a nyerõ, ami amúgy jó dolog, nem is baj, hogy bele kellett kicsit ásnom magam.
(Azóta mohó lettem, már multiline is kell, de már azt is megoldottam, már csak a makrózás van hátra 😊)
www.rdha.hu [bf 80k] [bf2 100k] KisKöcsögkör FTW! \"Az ország azé, aki teliszüli.\"
..
<table summary="" style="border-collapse:collapse; width:257; height:17; padding-left:0px; padding-right:0px; margin:0px; text-align: left; vertical-align: top; display:block;" cellpadding="0" cellspacing="2">
..
ebben a cellspacing="2" okozza a bibit.
Írd át 0-ra.
Mit ertesz az alatt, hogy eloben szeretned latni? Ott van menj es nezd meg. 😊
bár ha abszolút semmi közöd a programozáshoz, akkor nem tudom, hogy ezzel érdemes-e kezdeni
line-height: 0px;
elvileg.
LayerSlider, WeatherSlider, wpStickies - our famous plugins are available at CodeCanyon! More info @ http://kreaturamedia.com
Volna meg css problemam es eloterjesztenem ha nem baj, de ez kulonleges. Eddig 4 ember probalta megoldani sikertelenul. Kivancsi vok, neked sikerulne?
Szinten IE kompatibilitasi nezetben egy kep kore hezagot rak:
Ez lenne a kod maga
.title {float:left;width:130px;}
és a .pre-img-nek is float left
Akkor meg egy css kerdes, ha nem baj. Adott egy ilyen html resz:
...
<td class="pre">Favorite<div class="pre-img"><img alt="click ->" title="click" src="images/radio/click.gif" /></div></td>
...
Itt a kepet szeretnek pozicionalni de sehogy sem tom ravenni, hogy FF-ban, IE8-ban es kompatibilitasi nezetben is egyforma helyre keruljon a kis kepecske.
Mivel tudnam megoldani, hogy igy nezzen ki?

Ez mar a generalt HTML kod itt ugy is csak arra van szukseg.
Ez pedig a style resze lenne.
A refresh gomb es a captcha kep IE8-ban, FF-ban a helyen van, de korabbi verziokban nem. Marmint gondolom, hogy a kompatibilitasi nezet, az a korabbi verzio motorjat futtatja.
Az eg adta vilagon mindent kiprobaltam es semmi. Van vkinek otlete?
Koszonom.
Én eddig mindig meg tudtam oldani.
Lehet cserélni ezt is és máris megoldva (persze nyilván ez tartalomfüggõ):
<./h2>
<.h3>Ez egy alcím
Lehet fikázni tahó módon és lehet jobban ajánlani minden rosszindulat nélkül. Köszönöm.
[/spam]™
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
valaki tudna vmi 1szerü galéria scriptet ajánlani?
www.rdha.hu [bf 80k] [bf2 100k] KisKöcsögkör FTW! \"Az ország azé, aki teliszüli.\"
www.rdha.hu [bf 80k] [bf2 100k] KisKöcsögkör FTW! \"Az ország azé, aki teliszüli.\"
www.rdha.hu [bf 80k] [bf2 100k] KisKöcsögkör FTW! \"Az ország azé, aki teliszüli.\"
www.rdha.hu [bf 80k] [bf2 100k] KisKöcsögkör FTW! \"Az ország azé, aki teliszüli.\"
All hail the double x!
ezt
<./p>
<.p style="font-size: 10pt; text-align: center;">
erre
<./h2>
<.h3>
.. és még rengeteg variáció van. Én így szoktam és nincs vele baj. 😄
[/spam]™
(\__/) ( X.x) ( } . { )
Ha minden igaz PSPad se támogatja a multiline keresést (se Notepad++), de kettõvel lecserél mindent.
Find: <p style="font-size: 12pt; text-align: center;">(.*)</p>
Replace: <h2>\1</h2>
Find: <p style="font-size: 10pt; text-align: center;">(.*)</p>
Replace: <h3>\1</h3>
(\__/) ( X.x) ( } . { )
