Html-, css- és php-help
Jelentkezz be a hozzászóláshoz.
#5276
üdv ! sikerült megoldanom a képfeltöltést de most ott akadtam el hogy nem tudom megjlenetiteni a képet! van egy ilyen kódom:
echo "<tr id=\"keret\"><td><font class=\"font\">";
echo $row<'location'>;
echo "</td><td><font class=\"font\">";
echo $row<'username'>;
így jelenik meg (elérési útvonala látszik a képnek):
az lenne a célom hogy ne az elérési útvonal jelenjen meg hanem maga a kép minden táblában:
<img src=\"eérési útvonal(location)\" width=\"96\" height=\"96\"></td>";
probáltam már mindehogy összehozni de akár hogy csinálom hibás <#help>
echo "<tr id=\"keret\"><td><font class=\"font\">";
echo $row<'location'>;
echo "</td><td><font class=\"font\">";
echo $row<'username'>;
így jelenik meg (elérési útvonala látszik a képnek):
az lenne a célom hogy ne az elérési útvonal jelenjen meg hanem maga a kép minden táblában:
<img src=\"eérési útvonal(location)\" width=\"96\" height=\"96\"></td>";
probáltam már mindehogy összehozni de akár hogy csinálom hibás <#help>
http://www.sg.hu/cikkek/75599/feladta_wow_os_eletet_a_valosagert ------- MMORPG rajongóknak: \"Ne feledd, minél királyabbul fest a karaktered, annál szánalmasabb az életed.\"
#5275
hello!
Az a gondom, hogy akarok csinálni még csak egy nagyon alap hozzászólás scriptet (és azt majd késõbb továbbfejlesztem), de ott a gond, hogy a végére rakja a hozzáfûzött szöveget és ezt hogyan lehetne az elejére rakni? Csupán ennyi a kérdésem! A választ köszönöm elõre is! És a kód:
<form action="" method="POST" name="urlap">
<input type="text" name="text"><input type="submit" name="submit">
</form>
<?php
if ($_POST["submit"]) {
$az = $_POST["text"];
}
//file_put_contents( "proba.txt", "$az", FILE_APPEND );
$fajlnev = "proba.txt";
$fp = fopen( $fajlnev, "a") or die ("$fajlnev nem nyitható meg");
fputs( $fp, $az."<br>");
fclose ( $fp );
include("proba.txt");
?>
Az a gondom, hogy akarok csinálni még csak egy nagyon alap hozzászólás scriptet (és azt majd késõbb továbbfejlesztem), de ott a gond, hogy a végére rakja a hozzáfûzött szöveget és ezt hogyan lehetne az elejére rakni? Csupán ennyi a kérdésem! A választ köszönöm elõre is! És a kód:
<form action="" method="POST" name="urlap">
<input type="text" name="text"><input type="submit" name="submit">
</form>
<?php
if ($_POST["submit"]) {
$az = $_POST["text"];
}
//file_put_contents( "proba.txt", "$az", FILE_APPEND );
$fajlnev = "proba.txt";
$fp = fopen( $fajlnev, "a") or die ("$fajlnev nem nyitható meg");
fputs( $fp, $az."<br>");
fclose ( $fp );
include("proba.txt");
?>
X360 powaa... Nokia forewa Taste me you will see / More is all you need / Dedicated to / How I\'m FUCKING YOUUUU - on 14th May
#5274
Nem értem 😞 beálítva az egész httpd.conf jog a /var/www mappára 777-es routeren nyitva vannak az alap portok 21,22,23,80,8080 de mégis ha megakarom hívni wan ip-n keresztül semmit nem tölt be csa egy fehér hátteret! Ennél még a hibaüzi is jobb 😞 ott legalább el tudok indulni 😞 Valaki megoldást a problémára? 😞
Ne vitatkozz a hülyékkel, mert lealacsonyodsz a szintjükre és legyőznek a rutinjukkal! [ http://dchelp.hu ]
#5273
Sziasztok!
Oldalszámozást szeretnék az oldalam fórumába. Azt szeretném, hogy 1 oldalon csak 10 üzenet látszódjon. Ha már 11 üzenet van a lap alján megjelenjen , hogy 2. oldal. Ráklikkel a felhasználó és akkor 11-20-ig mutatja az üzeneteket. Erre nekem van egy kódom:
<?php
for($i=1;$i<=110;$i=$i+1){
$termek<$i>=$i;
}
$termekek_db=count($termek);
if(isset($_REQUEST["lap_szam"])){
$kezd=(($_REQUEST["lap_szam"]*10)-9);
if($termekek_db < ($kezd+9)){
$veg=$termekek_db;
} else {
$veg=($kezd+9);
}
}
?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#link1:hover{
text-decoration: underline;
color:#00FF00;
font-size: 12px;
}
-->
</style>
</head>
<body>
<?php
if($termekek_db > 10){
$mennyi=0;
$szam=$termekek_db;
while($szam > 0){
$mennyi=$mennyi+1;
$szam=$szam-10;
}
print("Talált oldalak: ");
for($k=1;$k<=$mennyi;$k=$k+1){
print("<<a id="'link1'" href="#blocked:oldalszamozas.php?lap_szam=".$k." '>".$k."</a>="'>".$k."</a>"> ");
}
}
for($i=$kezd;$i<=$veg;$i=$i+1){
print("<br>".$termek<$i>."<br>");
}
?>
</body>
</html>
De természetesen ez nem elég. Nem tudom, hogy hova szúrjam bele a fórumomat. Mert ugye természetesen így nem tudja megszámolni, hogy hány tagja van. Remélem érthetõ a gondom 😊
Oldalszámozást szeretnék az oldalam fórumába. Azt szeretném, hogy 1 oldalon csak 10 üzenet látszódjon. Ha már 11 üzenet van a lap alján megjelenjen , hogy 2. oldal. Ráklikkel a felhasználó és akkor 11-20-ig mutatja az üzeneteket. Erre nekem van egy kódom:
<?php
for($i=1;$i<=110;$i=$i+1){
$termek<$i>=$i;
}
$termekek_db=count($termek);
if(isset($_REQUEST["lap_szam"])){
$kezd=(($_REQUEST["lap_szam"]*10)-9);
if($termekek_db < ($kezd+9)){
$veg=$termekek_db;
} else {
$veg=($kezd+9);
}
}
?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#link1:hover{
text-decoration: underline;
color:#00FF00;
font-size: 12px;
}
-->
</style>
</head>
<body>
<?php
if($termekek_db > 10){
$mennyi=0;
$szam=$termekek_db;
while($szam > 0){
$mennyi=$mennyi+1;
$szam=$szam-10;
}
print("Talált oldalak: ");
for($k=1;$k<=$mennyi;$k=$k+1){
print("<<a id="'link1'" href="#blocked:oldalszamozas.php?lap_szam=".$k." '>".$k."</a>="'>".$k."</a>"> ");
}
}
for($i=$kezd;$i<=$veg;$i=$i+1){
print("<br>".$termek<$i>."<br>");
}
?>
</body>
</html>
De természetesen ez nem elég. Nem tudom, hogy hova szúrjam bele a fórumomat. Mert ugye természetesen így nem tudja megszámolni, hogy hány tagja van. Remélem érthetõ a gondom 😊
Levi
#5272
üdv! nem tud valaki olyan képfeltöltõ scriptet ajánlani ami egyetlen képet tölt fel és meg is jeleniti azt? (avatar képhez kellene)
http://www.sg.hu/cikkek/75599/feladta_wow_os_eletet_a_valosagert ------- MMORPG rajongóknak: \"Ne feledd, minél királyabbul fest a karaktered, annál szánalmasabb az életed.\"
#5271
ok köszi, menni fog
Csak azért kéne, mert van az aláírásomban lévõ odlal, és a tv csatörnák elõtt van egy 5 másodperces rész, amit kattinthatóvá szeretnék tenni(reklámhoz kellene).Máshogy szerintem nem lehetne megoldani
Csak azért kéne, mert van az aláírásomban lévõ odlal, és a tv csatörnák elõtt van egy 5 másodperces rész, amit kattinthatóvá szeretnék tenni(reklámhoz kellene).Máshogy szerintem nem lehetne megoldani
#5270
"De ha egy sima oldalfrissítést nyom a user, akkor újra van 10 mp-e, nem?"
De. Viszont a felhasználó nem fogja frissítgetni a honlapot egy "másképp" mûködõ link miatt (ezért kell a linket úgy megoldani, hogy a "nem mûködõ" link ne önmagára mutasson, hanem egy másik oldalra vagy csak állink legyen).
Ha az a cél, hogy egy felhasználó csak egyszer 10 másodpercig láthasson egy linket, akkor meg már lehet vacakolni IP-cím ellenõrzéssel, esetleg munkamenet-változóval - de az már szerveroldali cucc.
De. Viszont a felhasználó nem fogja frissítgetni a honlapot egy "másképp" mûködõ link miatt (ezért kell a linket úgy megoldani, hogy a "nem mûködõ" link ne önmagára mutasson, hanem egy másik oldalra vagy csak állink legyen).
Ha az a cél, hogy egy felhasználó csak egyszer 10 másodpercig láthasson egy linket, akkor meg már lehet vacakolni IP-cím ellenõrzéssel, esetleg munkamenet-változóval - de az már szerveroldali cucc.
#5269
De ha egy sima oldalfrissítést nyom a user, akkor újra van 10 mp-e, nem?
[/spam]™
#5268
"az oldalbetöltõdés után egy link csak 10 másodpercig lenne aktív, utána már nem lehetne rákattintani"
Megoldható:
1. Létrehozol az oldalon egy "blokkot":
<div id="trukk"></div>
2. Oldalbetöltõdéskor (megcsinálhatod <body> elem onload eseményével, vagy diszkrét Javascripttel) beleírod a blokkba a mûködõ linket:
document.getElementById('trukk').innerHTML = '<a href=\"link.htm\">Ez egy mûködõ link</a>';
3. Létrehozol egy függvényt, ami az elõbb említett blokkba nem mûködõ linket rak:
function badlink() {
document.getElementById('trukk').innerHTML = '<a href=\"#\">Ez egy nem mûködõ link</a>';
}
4. Ezt a függvényt az oldalbetöltõdéskor, a mûködõ link kiírása után késleltetve hívod meg:
document.getElementById('trukk').innerHTML = '<a href=\"link.htm\">Ez egy mûködõ link</a>';
timeoutID = window.setTimeout(badlink, 10000);
Bõvebben:
http://htmlinfo.polyhistor.hu/js13ref/window.htm#1203758
http://developer.mozilla.org/en/docs/DOM:window.setTimeout
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/setTimeout.asp
Megoldható:
1. Létrehozol az oldalon egy "blokkot":
<div id="trukk"></div>
2. Oldalbetöltõdéskor (megcsinálhatod <body> elem onload eseményével, vagy diszkrét Javascripttel) beleírod a blokkba a mûködõ linket:
document.getElementById('trukk').innerHTML = '<a href=\"link.htm\">Ez egy mûködõ link</a>';
3. Létrehozol egy függvényt, ami az elõbb említett blokkba nem mûködõ linket rak:
function badlink() {
document.getElementById('trukk').innerHTML = '<a href=\"#\">Ez egy nem mûködõ link</a>';
}
4. Ezt a függvényt az oldalbetöltõdéskor, a mûködõ link kiírása után késleltetve hívod meg:
document.getElementById('trukk').innerHTML = '<a href=\"link.htm\">Ez egy mûködõ link</a>';
timeoutID = window.setTimeout(badlink, 10000);
Bõvebben:
http://htmlinfo.polyhistor.hu/js13ref/window.htm#1203758
http://developer.mozilla.org/en/docs/DOM:window.setTimeout
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/setTimeout.asp
#5267
valószínûleg css-el készült az adott oldal, de így ha nem mutatod meg nem tudunk segíteni.
Kérdés:
Szeretnék csinálni(gondolom js-el) egy olyant, hogy az oldalbetöltõdés után egy link csak 10 másodpercig lenne aktív, utána már nem lehetne rákattintani.Ez megoldható?
Kérdés:
Szeretnék csinálni(gondolom js-el) egy olyant, hogy az oldalbetöltõdés után egy link csak 10 másodpercig lenne aktív, utána már nem lehetne rákattintani.Ez megoldható?
#5266
Igen! Most újra rakom az egész debiant megpróbálom kcisit máshogy csinálni ha nem megy akkor újra segítségért fordulok hozzád bõvebb hibaleírással!
Ne vitatkozz a hülyékkel, mert lealacsonyodsz a szintjükre és legyőznek a rutinjukkal! [ http://dchelp.hu ]
#5265
Nincs valami IE7 emulátor progi, vagy oldal?
Mert magát az IE7-et nem szetetném feltenni, de néha jó volna megnézni rajta az elkészített honlapot, hogy hogy néz ki. 😊
Mert magát az IE7-et nem szetetném feltenni, de néha jó volna megnézni rajta az elkészített honlapot, hogy hogy néz ki. 😊
[/spam]™
#5264
üdv ...!
egy kérdés ..... ie7-nél tapasztaltam, hogy az oldal szétcsuszik.
Körábbi verzionál, és FF alatt jo volt (van) de ie7 alatt nem 😞
Nálatok volt hasonlo tapasztalat, v ez csak nálam egyedi jelenség? Vagy van vmi beállitás esetleg ie7-ben, ami ezt okozhatja ?
help me pls , és köszi
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...
#5263
A httpd.conf-ban jól van megadva a DocumentRoot, és az egyéb könyvtárak elérhetõsége?
Rendben vannak ezen könyvtárak jogosultságai (olvasható mindenki számára)?
Rendben vannak ezen könyvtárak jogosultságai (olvasható mindenki számára)?
#5262
sziasztok! nemrég raktam újra a windows xp-t, és az explorerben eltünt a hosszú ö-m és ü-m....😞
felraktam a IE-7est, a probléma ugyanúgy fenáll! Mit lehet ilyenkor tenni???
felraktam a IE-7est, a probléma ugyanúgy fenáll! Mit lehet ilyenkor tenni???
Gigabyte GA-7N400-L, AthlonXp 2500+, ATI Redeon 9800pro, 1giga DDR 400MHZ, 280g HDD
#5261
Valaki?
Ne vitatkozz a hülyékkel, mert lealacsonyodsz a szintjükre és legyőznek a rutinjukkal! [ http://dchelp.hu ]
#5260
nincs mit
X360 powaa... Nokia forewa Taste me you will see / More is all you need / Dedicated to / How I\'m FUCKING YOUUUU - on 14th May
#5259
#5258
kössz
AMD Athlon X2 4800+ 3.00 GHZ, ASUS M2N-SLI, 2x2Gb DDR800 Kingmax, MSI GeForce 8800GTS 320Mb, Samsung 250Gb, Windows 7 x64
#5257
erre gondolsz?
<img src="képelerési.helye" />
<img src="képelerési.helye" />
X360 powaa... Nokia forewa Taste me you will see / More is all you need / Dedicated to / How I\'m FUCKING YOUUUU - on 14th May
#5256
hogy tudok egy weblapba képet beszúrni?????
AMD Athlon X2 4800+ 3.00 GHZ, ASUS M2N-SLI, 2x2Gb DDR800 Kingmax, MSI GeForce 8800GTS 320Mb, Samsung 250Gb, Windows 7 x64
#5255
Átértem linuxra (debian), és egy olyan problémám volna, hogy frissen telepitettem apache, php5, mysql5 -öt és ha beirom a gépen böngészõbe hogy http://localhost:80/ ezt az üzit kapom:
Forbidden
You don't have permission to access /apache2-default/index.html on this server.
Apache/2.0.54 (Debian GNU/Linux) PHP/5.2.1-0.dotdeb.1 with Suhosin-Patch Server at localhost Port 80
Viszont ha monnyxuk a windózos géprõl akarom elérni netes ip-vel akkor meg nem jelenít meg semmit csak egy rohadt nagy feehérséget! Configba hol lehet a hiba?
Forbidden
You don't have permission to access /apache2-default/index.html on this server.
Apache/2.0.54 (Debian GNU/Linux) PHP/5.2.1-0.dotdeb.1 with Suhosin-Patch Server at localhost Port 80
Viszont ha monnyxuk a windózos géprõl akarom elérni netes ip-vel akkor meg nem jelenít meg semmit csak egy rohadt nagy feehérséget! Configba hol lehet a hiba?
Ne vitatkozz a hülyékkel, mert lealacsonyodsz a szintjükre és legyőznek a rutinjukkal! [ http://dchelp.hu ]
#5254
Ez a fajta van meg:
WAMP5 Version 1.7.0
Created by Romain Bourdon ([email protected])
Powered by Anaska http://www.anaska.com
Sources are available at SourceForge
http://www.wampserver.com
WAMP5 Version 1.7.0
Created by Romain Bourdon ([email protected])
Powered by Anaska http://www.anaska.com
Sources are available at SourceForge
http://www.wampserver.com
#5253
A WAMP egy programcsoport elnevezése (Windows, Apache, MySQL, PHP). Ebbõl sokféle összeállítás létezik. Bõvebb tájékoztatásra konfiguráció (és a felhasználási körülmények) teljes ismeretében lehetne mondani, még biztosabbat pedig az adott összeállítás készítõjének oldalán.
#5252
Igen, de ez angolul van! 😄
És én meg lusta vagyok angolul olvasni, gyorsabb volt letesztelni a példát, mint értelmezni a szöveget. 😄D
És én meg lusta vagyok angolul olvasni, gyorsabb volt letesztelni a példát, mint értelmezni a szöveget. 😄D
[/spam]™
#5251
"Nekem a http://developer.mozilla.org/en/docs/DOM:CSS oldalon szereplõ minta példára is hibát ír a firebug és nem is mûködik."
Nem is a példa miatt linkeltem be az oldalt, hanem a felsorolt tulajdonságok miatt.
Másrészt ha elolvasnád az egész leírást (le van írva, hogy a példa pont arra szolgál hogy bemutassa a rossz metódust. Na ezért nem szabad ész nélkül másolni!)...
Styles can be returned or set with the style property and these attributes but that you cannot set values directly using constructions such as style="background-color: blue" from the DOM, where the value is a string that contains both the attribute and the value you wish to set. By itself, the style property should only be used as a "getter" and not a "setter." In other words, the first of the following two constructions is bad, and the latter is better practice in the DOM:
bad
element.style = "background-color: blue";
good
element.style.backgroundColor = "blue";
Note that the bad example above may actually set the background color of the given element, but this assignment overwrites any style information that already existed on that element, and then cannot be added to or updated without other overwrites. The special style attributes available off of the element's style property allow you to "manage" the style of your elements in a safer and more organized way.
Nem is a példa miatt linkeltem be az oldalt, hanem a felsorolt tulajdonságok miatt.
Másrészt ha elolvasnád az egész leírást (le van írva, hogy a példa pont arra szolgál hogy bemutassa a rossz metódust. Na ezért nem szabad ész nélkül másolni!)...
Styles can be returned or set with the style property and these attributes but that you cannot set values directly using constructions such as style="background-color: blue" from the DOM, where the value is a string that contains both the attribute and the value you wish to set. By itself, the style property should only be used as a "getter" and not a "setter." In other words, the first of the following two constructions is bad, and the latter is better practice in the DOM:
bad
element.style = "background-color: blue";
good
element.style.backgroundColor = "blue";
Note that the bad example above may actually set the background color of the given element, but this assignment overwrites any style information that already existed on that element, and then cannot be added to or updated without other overwrites. The special style attributes available off of the element's style property allow you to "manage" the style of your elements in a safer and more organized way.
#5250
Helló!!
Gondolom van itt olyan aki ismeri a WAMP-ot! Na most az lenne a bajom hogy mióta feltettem a legújabbat azóta localhoston teljesen belassult minden, a honlapok is lassan reagálnak, aztán a PHPmyadminban is lassúak az SQL kérések stb...stb...
Nem tudtok valami beállítást vagy akármit amivel ezt orvosolni lehet?
Gondolom van itt olyan aki ismeri a WAMP-ot! Na most az lenne a bajom hogy mióta feltettem a legújabbat azóta localhoston teljesen belassult minden, a honlapok is lassan reagálnak, aztán a PHPmyadminban is lassúak az SQL kérések stb...stb...
Nem tudtok valami beállítást vagy akármit amivel ezt orvosolni lehet?
#5249
Nya megvan! 😊
Fent:
function izeover(myid) {
document.getElementById(myid).className = 'green'
}
function izeout(myid) {
document.getElementById(myid).className = 'red'
}
Lent:
<div id="myid1">menuitem</div>
<div id="myid2">menuitem</div>
Fent:
function izeover(myid) {
document.getElementById(myid).className = 'green'
}
function izeout(myid) {
document.getElementById(myid).className = 'red'
}
Lent:
<div id="myid1">menuitem</div>
<div id="myid2">menuitem</div>
[/spam]™
#5248
Ez jó!
Nekem a http://developer.mozilla.org/en/docs/DOM:CSS oldalon szereplõ minta példára is hibát ír a firebug és nem is mûködik.
<html>
<head>
<script>
function changeStyle() {
c = document.getElementById("tid");
c.style = "padding-right: 20px";
}
</script>
<table border="1"><tr>
<td id="tid">Example Cell</td></tr>
</table>
<form>
<input value="addpad"
type="button"
/>
</form>
</html>
Nekem a http://developer.mozilla.org/en/docs/DOM:CSS oldalon szereplõ minta példára is hibát ír a firebug és nem is mûködik.
<html>
<head>
<script>
function changeStyle() {
c = document.getElementById("tid");
c.style = "padding-right: 20px";
}
</script>
<table border="1"><tr>
<td id="tid">Example Cell</td></tr>
</table>
<form>
<input value="addpad"
type="button"
/>
</form>
</html>
[/spam]™
#5247
monnyuk lüke vagyok, mert nem is stlye-lal kéne szütymögni, hanem inkább class..
És így talán
document.getElementById(bigyo).class = 'blue';
ha a css-ben van olyan deklarálva, hogy:
.blue {
background.color: blue; // vagy ilyesmi
}
És így talán
document.getElementById(bigyo).class = 'blue';
ha a css-ben van olyan deklarálva, hogy:
.blue {
background.color: blue; // vagy ilyesmi
}
[/spam]™
#5246
aha.. értem.. szóval nem 😄
és akkor ha jól látom, akkor kb az a szabály, hogy kötõjelet elhagy és utána a nagybetû kötelezõ?
és akkor ha jól látom, akkor kb az a szabály, hogy kötõjelet elhagy és utána a nagybetû kötelezõ?
[/spam]™
#5245
Fent:
function izeover() {
document.getElementById(bigyo).style.background-color = 'red';
}
function izeout() {
document.getElementById(bigyo).style.background-color = 'yellow';
}
Lent:
<div id="bigyo" style="background-color:blue;">menuitem</div>
Aszonnya a Firebug, hogy izeover is not defined, izeout is not defined. De ezzel meg nem tudok mit kezdeni. 😞
Asszem nekem nem logikus a JS. <#szomoru1>
function izeover() {
document.getElementById(bigyo).style.background-color = 'red';
}
function izeout() {
document.getElementById(bigyo).style.background-color = 'yellow';
}
Lent:
<div id="bigyo" style="background-color:blue;">menuitem</div>
Aszonnya a Firebug, hogy izeover is not defined, izeout is not defined. De ezzel meg nem tudok mit kezdeni. 😞
Asszem nekem nem logikus a JS. <#szomoru1>
[/spam]™
#5244
"Ennél a style.display helyére bármilyen elemet beírhatok, amit style után tudok használni?"
Igen, de ügyelj a helyesírásra (tehát text-align és background-color nincs a Javascriptben, pontosabban a DOM-ban):
http://www.w3schools.com/htmldom/dom_obj_style.asp
http://developer.mozilla.org/en/docs/DOM:CSS
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/css/reference/css_ref_attributes_entry.asp
Igen, de ügyelj a helyesírásra (tehát text-align és background-color nincs a Javascriptben, pontosabban a DOM-ban):
http://www.w3schools.com/htmldom/dom_obj_style.asp
http://developer.mozilla.org/en/docs/DOM:CSS
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/css/reference/css_ref_attributes_entry.asp
#5243
document.getElementById(div).style.display == 'block'
Ennél a style.display helyére bármilyen elemet beírhatok, amit style után tudok használni?
Itt (HTML-CSS):
<div style="text-align: left;">
<div style="background-color: red;">
Így (JS):
style.text-align = 'left';
style.background-color = 'red';
Ennél a style.display helyére bármilyen elemet beírhatok, amit style után tudok használni?
Itt (HTML-CSS):
<div style="text-align: left;">
<div style="background-color: red;">
Így (JS):
style.text-align = 'left';
style.background-color = 'red';
[/spam]™
#5242
"Hogyan lehetne azt megcsinálni hogy mind a kettõbe jó legyen?"
Ne használj abszolút pozicionálást.
Jelen esetben felesleges.
4 fõ blokk kell:
* Fejléc
* Menü
* A legutóbbi versenyek eredményei
* Tartalom - azon belül két blokk:
* Bal oldali tartalom
* Jobb oldali hírdetések, szavazás, stb...
Tehát így:
<div id="banner"><!--Ez itt a fejléc. Mivel tartalmi funkciója nincsen nem kerül bele semmi, a képet CSS-bõl a background-image rakja bele --></div>
<div id="menu"><!-- Ide kerül a menü--></div>
<div id="latest"><!-- Ide kerülnek a versenyeredmények --></div>
<div id="content">
<div id="leftcontent"><!-- Bal oldali tartalom --></div>
<div id="rightcontent"><!-- Jobb oldali tartalom --></div>
</div>
A középre pozicionálást a blokkok margin: 0px auto; beállítása, és a <body> elem text-align: center; pozicionálása teszi majd lehetõvé.
Pár oldal inspirációnak:
http://www.cssbeauty.com/
http://www.cssdrive.com/
http://www.cssimport.com/
http://cssmania.com/
http://gallery.wordstudio.cz/
http://www.cssremix.com/
http://www.cssgalaxy.com/
http://www.dark-i.com/default.aspx
http://www.stylegala.com/
http://www.w3csites.com/
http://www.webstandardsawards.com/
http://webdesignbook.net/
http://thesis.veracon.net/all
http://www.webcreme.com/
http://www.csselite.com/
http://www.unmatchedstyle.com/
http://www.css-website.com/
http://www.themoleskin.com/archives/the-definitive-css-galleries-list/
http://www.csstopsites.com/galleries/
http://www.csstux.com/
http://www.cssbloom.com/
http://css-galleries.com/
Ne használj abszolút pozicionálást.
Jelen esetben felesleges.
4 fõ blokk kell:
* Fejléc
* Menü
* A legutóbbi versenyek eredményei
* Tartalom - azon belül két blokk:
* Bal oldali tartalom
* Jobb oldali hírdetések, szavazás, stb...
Tehát így:
<div id="banner"><!--Ez itt a fejléc. Mivel tartalmi funkciója nincsen nem kerül bele semmi, a képet CSS-bõl a background-image rakja bele --></div>
<div id="menu"><!-- Ide kerül a menü--></div>
<div id="latest"><!-- Ide kerülnek a versenyeredmények --></div>
<div id="content">
<div id="leftcontent"><!-- Bal oldali tartalom --></div>
<div id="rightcontent"><!-- Jobb oldali tartalom --></div>
</div>
A középre pozicionálást a blokkok margin: 0px auto; beállítása, és a <body> elem text-align: center; pozicionálása teszi majd lehetõvé.
Pár oldal inspirációnak:
http://www.cssbeauty.com/
http://www.cssdrive.com/
http://www.cssimport.com/
http://cssmania.com/
http://gallery.wordstudio.cz/
http://www.cssremix.com/
http://www.cssgalaxy.com/
http://www.dark-i.com/default.aspx
http://www.stylegala.com/
http://www.w3csites.com/
http://www.webstandardsawards.com/
http://webdesignbook.net/
http://thesis.veracon.net/all
http://www.webcreme.com/
http://www.csselite.com/
http://www.unmatchedstyle.com/
http://www.css-website.com/
http://www.themoleskin.com/archives/the-definitive-css-galleries-list/
http://www.csstopsites.com/galleries/
http://www.csstux.com/
http://www.cssbloom.com/
http://css-galleries.com/
#5241
A text-align a blokk tartalmát igazítja.
#5240
"De amúgy hogyan változna, ha azt szeretném, hogy ha kattintok eltûnjön... - tehát ha alapból látszik és elsõ kattintásra eltûnik.."
Nos ebben az esetben az oldal betöltõdésekor deklarálnod kell, hogy az adott elem látszódik.
Ezt elvileg CSS-sel is meg lehetne oldani, de mivel a Javascript ezt nem veszi figyelembe, ezért Javascriptben kell megoldani a deklarációt.
Példa itt.
"egy ilyen divnek, ami így tulajdonképpen nem link, tudok valahogy hover-t adni?"
CSS-ben ott a :hover dinamikus látszólagos osztály, de azt az IE nem szereti.
Szóval marad a onmouseover és a onmouseout, vagy a trükközés:
http://www.xs4all.nl/~peterned/csshover.html
Nos ebben az esetben az oldal betöltõdésekor deklarálnod kell, hogy az adott elem látszódik.
Ezt elvileg CSS-sel is meg lehetne oldani, de mivel a Javascript ezt nem veszi figyelembe, ezért Javascriptben kell megoldani a deklarációt.
Példa itt.
"egy ilyen divnek, ami így tulajdonképpen nem link, tudok valahogy hover-t adni?"
CSS-ben ott a :hover dinamikus látszólagos osztály, de azt az IE nem szereti.
Szóval marad a onmouseover és a onmouseout, vagy a trükközés:
http://www.xs4all.nl/~peterned/csshover.html
#5239
csak olyan van, hogy text-align: center, nem?
[/spam]™
#5238
Valaki segítene? Jelen pillanatban ezen a honlapon dolgozom és van egy olyan bajom hogy ha internet explolerben nyitom meg akkor 1-2 képet nem jelenítmeg, de hogy ha firefox-ba akkor meg elvan csuszva a honlap. Hogyan lehetne azt megcsinálni hogy mind a kettõbe jó legyen?
[O_O] (.)(.)
#5237
ha vannak divek és css el van megcsinálva akkor ha azt írom h
align: center
akkor a divet vagy a szöveget rakja centerbe?
align: center
akkor a divet vagy a szöveget rakja centerbe?
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
#5236
jó volt 😊
beírtam, hogy
visibility: hidden;
display: none;
aztán néztem, hogy miért nem jelenik meg semmi 😊)
egy ilyen divnek, ami így tulajdonképpen nem link, tudok valahogy hover-t adni? ez az onmouseon és onmouseover, amivel ki kell cserélni a div style-jét... hmm
beírtam, hogy
visibility: hidden;
display: none;
aztán néztem, hogy miért nem jelenik meg semmi 😊)
egy ilyen divnek, ami így tulajdonképpen nem link, tudok valahogy hover-t adni? ez az onmouseon és onmouseover, amivel ki kell cserélni a div style-jét... hmm
[/spam]™
#5235
Igazad van! Köx!
De amúgy hogyan változna, ha azt szeretném, hogy ha kattintok eltûnjön... - tehát ha alapból látszik és elsõ kattintásra eltûnik..
De amúgy hogyan változna, ha azt szeretném, hogy ha kattintok eltûnjön... - tehát ha alapból látszik és elsõ kattintásra eltûnik..
[/spam]™
#5234
Kösz a segítséget. Elkezdtem elölrõl, css-sel.
#5233
"de.. csak második katt-ra tûnteti el -> elõször ugye látszik"
Hát rejtsd el!
#div {
visibility: hidden;
display: none;
}
Hát rejtsd el!
#div {
visibility: hidden;
display: none;
}
#5232
jah, ott kezdõdik, hogy ==... igen
nah, most jó
köszi
de.. csak második katt-ra tûnteti el -> elõször ugye látszik
"Ha látszódik, akkor elrejtjük, különben felfedjük. Ennyi - szimpla cserebere."
Ja ez ok, én is így gondolkodtam. Csak aztán az üres éterben bojongtak a gondolatfoszlányok. 😊)
most ilyen:
function change() {
if (document.getElementById("div").style.display == 'block') {
document.getElementById("div").style.display = 'none';
} else {
document.getElementById("div").style.display = 'block';
}
}
<div id="div">sdfsfsdf</div>
<div>Gomb</div>
nah, most jó
köszi
de.. csak második katt-ra tûnteti el -> elõször ugye látszik
"Ha látszódik, akkor elrejtjük, különben felfedjük. Ennyi - szimpla cserebere."
Ja ez ok, én is így gondolkodtam. Csak aztán az üres éterben bojongtak a gondolatfoszlányok. 😊)
most ilyen:
function change() {
if (document.getElementById("div").style.display == 'block') {
document.getElementById("div").style.display = 'none';
} else {
document.getElementById("div").style.display = 'block';
}
}
<div id="div">sdfsfsdf</div>
<div>Gomb</div>
[/spam]™
#5231
Gondolj a CSS-re. Ott a visibility tulajdonságnak visible, hidden és collapse értéke lehet. Itt most a visible és hidden érték a játékos:
function change() {
if (document.getElementById("div").style.visibility == 'visible') {
document.getElementById("div").style.visibility = 'hidden';
} else {
document.getElementById("div").style.visibility = 'visible';
}
}
Ugyanez display-re (block és none érték váltása):
if (document.getElementById("div").style.display == 'block') {
document.getElementById("div").style.display = 'none';
} else {
document.getElementById("div").style.display = 'block';
}
Ha látszódik, akkor elrejtjük, különben felfedjük. Ennyi - szimpla cserebere.
function change() {
if (document.getElementById("div").style.visibility == 'visible') {
document.getElementById("div").style.visibility = 'hidden';
} else {
document.getElementById("div").style.visibility = 'visible';
}
}
Ugyanez display-re (block és none érték váltása):
if (document.getElementById("div").style.display == 'block') {
document.getElementById("div").style.display = 'none';
} else {
document.getElementById("div").style.display = 'block';
}
Ha látszódik, akkor elrejtjük, különben felfedjük. Ennyi - szimpla cserebere.
#5230
aham.. persze az else ágba ezt írom:
document.getElementById("div").style.display="display";
😄
de így sem 😞
document.getElementById("div").style.display="display";
😄
de így sem 😞
[/spam]™
#5229
ha style.visibility helyett style.display-t írok akkor eltûnik.. csak nem jelenik meg a kövi katt-ra
[/spam]™
#5228
Köszi!
hát.. természetesen nem megy.. 😊
én csak annyit szerettem volna megmondani a fv.nek, hogy ha a vizsgált elem most hide, akkor show, ha meg show, akkor hide
de elõször is azt nem értem, hogy mikor hide, show, none, visible, block, hidden... én igazából div-ekkel szerenték játszani, akkor ott mi van? block meg none?
Tehát én valahogy így képzelem:
function change()
{
if (document.getElementById("div").style.visibility="display")
{
document.getElementById("div").style.visibility="none";
}
else
{
document.getElementById("div").style.visibility="none";
}
}
<div id="div">sdfsfsdf</div>
<div>Gomb</div>
hát.. természetesen nem megy.. 😊
én csak annyit szerettem volna megmondani a fv.nek, hogy ha a vizsgált elem most hide, akkor show, ha meg show, akkor hide
de elõször is azt nem értem, hogy mikor hide, show, none, visible, block, hidden... én igazából div-ekkel szerenték játszani, akkor ott mi van? block meg none?
Tehát én valahogy így képzelem:
function change()
{
if (document.getElementById("div").style.visibility="display")
{
document.getElementById("div").style.visibility="none";
}
else
{
document.getElementById("div").style.visibility="none";
}
}
<div id="div">sdfsfsdf</div>
<div>Gomb</div>
[/spam]™
#5227
köszönöm szépen!
igen a JS regondoltam én is.. csak meg kéne már tanulnom használni azt az oldalt
amúgy csak sima fv. kéne, semmi effekt 😊
igen a JS regondoltam én is.. csak meg kéne már tanulnom használni azt az oldalt
amúgy csak sima fv. kéne, semmi effekt 😊
[/spam]™