ugrás a tartalomhoz

Archívum - Júl 31, 2012

Egy egyszerű Chat-et keresek weboldalba!

cszlak · 2012. Júl. 31. (K), 14.54
Egy egyszerű Chat-et keresek weboldalba!

Oldalba építhető, akár adatbázisos is lehet.
JS, PHP bármilyen lehet.

Ingyenes legyen, és nem kell másik oldal beilleszthető chat-je.

Link jöhet.
 ■

HTML5 Canvas image mask?

prototype · 2012. Júl. 31. (K), 12.53
Kedves fórumozók!

Néhány napja keresgélek, azonban nem igazán találtam még megoldást a problémámra (remélem azért van):

A következőt szeretném megvalósítani:
Adott egy transzparens hátterű png kép, és ennek a körvonalait szeretném canvas-ra átültetni. Legyen pl egy csillag, a képre nincs szükségem, csak a körvonalait lenne jó valahogy "lemásolni".

Lehet, hogy nem túl érthetően magyaráztam mit szeretnék, ezért képpel illusztrálom, hogy milyen kimenetre lenne szükségem.



Megj.: A kimeneti állapotot később real time színezni szeretném. Ha netán rossz irányba haladok, vagy más módon lehet ezt megvalósítani, akkor is segítségeteket kérném.
Köszönöm!
 ■

ajax honlap igy szokták?

kriszrap · 2012. Júl. 31. (K), 11.36
sziasztok :)
elkeztem egy ajax honlapot hát nem vagyok benne biztos hogy igy kell csinálni gondolom van egyszerübb megoldás.Azt csinálom hogyha rá nyomok a menüpontra akkor teruletbe betölti a dolgokat és igy sokkal gyorsabb.
a gombok:
<button type="button" onclick="home()">főoldal</button>
<button type="button" onclick="chat()">chat</button>

ezt egy home.php tölöm ahol a divnem tartalom értéket attam vagy is csak egy fáljba dolgozom.(home.php)
<script type="text/javascript">
function home()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("tartalom").innerHTML=xmlhttp.responseText;
    }else{  
    document.getElementById("tartalom").innerHTML = '<img src="ajax-load.gif" height="100" weight="100">';  
    }  
  }
xmlhttp.open("GET","home.php",true);
xmlhttp.send();
}
function chat()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("tartalom").innerHTML=xmlhttp.responseText;
    }else{  
    document.getElementById("tartalom").innerHTML = '<img src="ajax-load.gif" height="100" weight="100">';  
    }  
  }
xmlhttp.open("GET","fal.php",true);
xmlhttp.send();
}
</script>

azt a kérdésem ajax honlapoknál is igy csinálják vagy más modon?
 ■

PayPal HTML form - nem viszi át az árakat

inf · 2012. Júl. 31. (K), 11.05
Sziasztok!

Kellene egy kis segítség PayPal-ban jártasabbaktól. Az a kínom, hogy nem tudom átvinni a termékeket meg az árakat a paypal rendszerbe, csak egyetlen terméknek a nevét viszi át, meg a felhasználó nevét, akinek az utalás megy.

Így próbálkoztam (meg még ezer féleképpen)...

<form action="https://www.paypal.com/cgi-bin/webscr" class="input-form" method="post" enctype="application/x-www-form-urlencoded; charset=utf-8">
    <input type="hidden" value="utf-8" name="charset">
    <input type="hidden" value="_s-xclick" name="cmd">
    <input type="hidden" value="{somehash}" name="hosted_button_id">
    <input type="hidden" value="17" name="item_number">
    <input type="hidden" value="kosár és szállítás" name="item_name">
    <input type="hidden" value="9990" name="amount">
    <input type="hidden" value="HUF" name="currency_code">
    <input type="hidden" value="1" name="upload">
    <input type="hidden" value="1" name="no_shipping">
    <input type="hidden" value="http://www.mydomain.loc/" name="return">
    <input type="image" border="0" alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif" class="button submit-button image-button">
    <img width="1" height="1" border="0" alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif">
</form>
Kipróbáltam amount_1-el meg amit csak olvastam a témáról, de nem jött össze. Most kaptam elérhetőséget az account-hoz, amiről a hosted button van, majd ránézek később.

Bármi ötlet addig is?

Lehetséges, hogy azért van gond vele, mert localhostos dev környezetben használom, és nem az éles oldal domain-je a referer?
 ■

CSS többszintű menü alányílik

cszlak · 2012. Júl. 31. (K), 07.54
Az a problémám, hogy a legördülő menü alányílik egy alatta lévő Sildernek, ami JS-el megy.

Itt az oldal:
link


Silder JS:

<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function(){
    $('#slider2').bxSlider({
    mode: 'fade',
    auto: true,
    controls: false,
    autocontrols: false,
    pause: 4000,

});
});        

</script>
Menü css:
[colorer=css]
.menu {
height:35px;
position:relative;
margin:0px -40px -17px 0;
padding:0 0 0 0px;

/*border:#00FF33 1px solid;*/
}

.menu ul {
height:19px;
padding:0;
margin:0;

list-style:none;
width:125px;
float:left;

}

.menu ul ul {
position:absolute;
z-index:-1;

-webkit-transition: 0.5s;

-moz-transition: 0.5s;

-ms-transition: 0.5s;

-o-transition: 0.5s;

transition: 0.5s;

transition-delay: 0.5s;

-o-transition-delay: 0.5s;

-moz-transition-delay: 0.5s;

-ms-transition-delay: 0.5s;

-webkit-transition-delay: 0.5s;

}

.menu ul ul ul {position:absolute; left:125px; top:0;}

.menu ul ul ul.rgt {position:absolute; left:auto; right:125px; top:0;}



.menu ul li {
float:left;
/*margin:10px 0 0 5px; */

/*border-left:#CCCCCC 1px solid;*/
padding-top:8px;

margin:0 auto;

height:35px;

width:125px;
position:relative;
z-index:10;

-webkit-transition: 0.25s;

-moz-transition: 0.25s;

-ms-transition: 0.25s;

-o-transition: 0.25s;

}


.menu ul ul li {

padding-top:8px;
margin:0 auto;
height:35px;

transition-delay: 1s;

-o-transition-delay: 1s;

-moz-transition-delay: 1s;

-ms-transition-delay: 1s;

-webkit-transition-delay: 1s;

}

.menu ul ul ul li {


transition-delay: 0.5s;

-o-transition-delay: 0.5s;

-moz-transition-delay: 0.5s;

-ms-transition-delay: 0.5s;

-webkit-transition-de