Web site develop under WordPress 2.9
-
Recent Posts
Recent Comments
Archives
Categories
Meta
Bautistadelafe.org
Web site Church. Developed under Drupal
Buddypress Wamp
This is about the installation of Buddypess (plugin of WordPress) on Wamp (Windows Apache Mysql and Php).
Wamp Requires an additional step in order to setup buddypress.
The regular step for Buddypress installation are
1.Download Buddypress plugin. you can Download from Here
2.Unzip the Zip file on localhost/yoursite/wp-content/plugins
3.Activate Plugin
4. Change permanent links from default to customize Link ( do not forget accept changes)
At this point everything should be work. but if you Work over Wamp you need to set up a simple step
In you computer go to Task bar click on the Wamp Icon and navigate to
APACHE->APACHE MODULES then look for rewrite_module checked if it is not.
Now everything will work fine.
Good luck you can ask question to Contact us
Posted in Wordpress
Leave a comment
Can Not Enable my Drupal Module
Sometimes when you try to enable a module you find that your module can not be check in the radio button. therefore you try to unblock the little square but nothing works.
What had happend ? , well … Easy (it is easy after 1 day suffering to try to find the answer). You have enabled another module(s) which is/are depending on the module you try to enable.
Solution
uncheck all module(s) which are depending on the module you try to enabled. then you can check the little dummy square radio button of your module. finally you got your module enabled.
Why this happens?
Because like in most of thing in this life YOU MUST BE ORGANIZED in order to achieve your goals
Posted in Drupal
Leave a comment
Function ereg() Deprecated
When you are installing Drurpal you can get this message
deprecated: function ereg() is deprecated in ……\include\file.inc 926 (drupal 6.17) .
This is related with your PHP VERSION, in this case ereg() function belong to versions before 5.3 and now in version after 5.3 the new function is MB_EREG(), just change in the line 926 EREG FOR MB_EREG. for best technical explanation go to
http://us3.php.net/manual/en/function.mb-ereg.php
EXAMPLE JQUERY
In this example I am going to change the size and the color of the some division inside of this html
Step 1
Always is good idea to work with CSS, because you can generalize the style for many element as you want. then the first section will be
<style>
.high { width:50px; height:70px; float:left; margin: 2px;
background:#003300; cursor:pointer; }
.low { width:50px; height:35px; float:left; margin:2px;
background:#ff0000; cursor:pointer; }
#back { float:left; margin:30px;
background:#0000ff; cursor:pointer; }
</style>
.high { width:50px; height:70px; float:left; margin: 2px;
background:#003300; cursor:pointer; }
.low { width:50px; height:35px; float:left; margin:2px;
background:#ff0000; cursor:pointer; }
#back { float:left; margin:30px;
background:#0000ff; cursor:pointer; }
</style>
This time i have 2 class call them HIGH and LOW and 1 ID call BACK , remember is a good practice use class when you are going to use the style for more than 1 element. Use Id when you are going to use the style just for 1 element.
Step 2
After do this now we insert the link to JQUERY
<script src=”http://code.jquery.com/jquery-latest.min.js”></script>
Remember this insert should be in the head section of the document. I insert the minimized version because I am not going to debugging it.
Now at the body we have 6 division with class=”high” , 4 division with class=”low” and 1 division with id=”back”
we are going to modify the divisions with class “high” and ” low”
Step 3
Insert the JavaScript code to use Jquery
function rgbtohex(hex)
{
texto= “0123456789ABCDEF”;
num = texto.charAt((hex-hex%16)/16) + texto.charAt(hex%16);
if (num == 0)
return “00″;
else{
if (num > 255)
return “FF”;
else
return num ;}}
{
texto= “0123456789ABCDEF”;
num = texto.charAt((hex-hex%16)/16) + texto.charAt(hex%16);
if (num == 0)
return “00″;
else{
if (num > 255)
return “FF”;
else
return num ;}}
the routines from above 2 routine are used to convert the RGB code to Hexa code. When you get
the element color style by Jquery , the code is returned in RGB format RGB(NNN,NNN,NNN), Then we need a subroutine to convert them.
function sumhex(valor,incre)
{suma=parseInt(valor,16)+incre;
if (suma >16777216)
suma=”000000″;
return suma;}
{suma=parseInt(valor,16)+incre;
if (suma >16777216)
suma=”000000″;
return suma;}
The routine of above is used to add 16 to the color of each division, in this way we can change the color in cycle way.
$(“.low”).mouseover( function () {
var bckl= $(this).css(“backgroundColor”);
var hex = eval(bckl);
bckl= sumhex(hex,33).toString(16);
$(this).height(70)
.css(“backgroundColor”, bckl);
var bckl= $(this).css(“backgroundColor”);
var hex = eval(bckl);
bckl= sumhex(hex,33).toString(16);
$(this).height(70)
.css(“backgroundColor”, bckl);
In this routine we do use jquery, The first thing different is the use of the $ sign , this is a shortcut to call JQUERY routines , this is the most common way to use jquery.
The first parameter in the Jquery call is the element which is going to be affect by this call. In this case I am using Class “Low” , can you see the point (.) at the beginning of the string? This mean for Jquery that the element(s) affected are going to be those with class .nameclass.
You can use ID of the element(s) , for this case you start the string with # sign. Note that is same notation for CSS.
After this Jquery use the the trigger event in this case is the MOUSEOVER. You can set property that you want to change in the element. Inside the event you can call a function or create a function insde as it is show in the example.
Another thing you note is the instruction
$(this).css(“backgroundColor”);
Now you now whet $ sign means, but the parameter “THIS” is a relative term. “THIS” is making reference to the element (in this case class LOW) which is being affected for the call of JQUERY.
Last thing “css()” is used to get a style or change a style of the element.
In order to get style use:
$(this).css(“Property”);
In order to change style use
$(this).css(“Property”, “value”);
value can be hexa format.
See the example
THE COMPLETE CODE IS
<html>
<head>
<!– example the jquery cgange background color and high of the division –>
<style>
.high { width:50px; height:70px; float:left; margin: 2px;
background:#003300; cursor:pointer; }
.low { width:50px; height:35px; float:left; margin:2px;
background:#ff0000; cursor:pointer; }
#back { float:left; margin:30px;
background:#0000ff; cursor:pointer; }
</style>
<!– include jqery library –>
<script src=”http://code.jquery.com/jquery-latest.min.js”></script>
</head>
<body>
<!– jquery modify division with same class or id , use id for just one element or class for more than 1 –>
<div id=”back”>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<head>
<!– example the jquery cgange background color and high of the division –>
<style>
.high { width:50px; height:70px; float:left; margin: 2px;
background:#003300; cursor:pointer; }
.low { width:50px; height:35px; float:left; margin:2px;
background:#ff0000; cursor:pointer; }
#back { float:left; margin:30px;
background:#0000ff; cursor:pointer; }
</style>
<!– include jqery library –>
<script src=”http://code.jquery.com/jquery-latest.min.js”></script>
</head>
<body>
<!– jquery modify division with same class or id , use id for just one element or class for more than 1 –>
<div id=”back”>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<script>
//this function is created for recive eval rgb color
function rgb(a,b,c)
{total= rgbtohex(a)+rgbtohex(b)+rgbtohex(c);
return total;}
// convert numbre by number rgb to hexa
function rgbtohex(hex)
{
texto= “0123456789ABCDEF”;
num = texto.charAt((hex-hex%16)/16) + texto.charAt(hex%16);
if (num == 0)
return “00″;
else{
if (num > 255)
return “FF”;
else
return num ;}}
// add 1 decimal number to 1 hexa number
function sumhex(valor,incre)
{suma=parseInt(valor,16)+incre;
if (suma >16777216)
suma=”000000″;
return suma;}
// $ is a shortcut for jquery
// change high and color for division with class low when mouse is over the division
$(“.low”).mouseover( function () {
var bckl= $(this).css(“backgroundColor”);
var hex = eval(bckl);
bckl= sumhex(hex,33).toString(16);
$(this).height(70)
.css(“backgroundColor”, bckl);
});
// change high and color for division with class high when mouse is over the division
$(“.high”).mouseover( function () {
var bckl= $(this).css(“backgroundColor”);
var hex = eval(bckl);
bckl= sumhex(hex,33).toString(16);
$(this).height(35)
.css(“backgroundColor”, bckl);
});
// change high and color for division with class low when mouse is out the division
$(“.low”).mouseout( function () {
var bckl= $(this).css(“backgroundColor”);
var hex = eval(bckl);
bckl= sumhex(hex,33).toString(16);
$(this).height(35)
.css(“backgroundColor”, bckl);
});
// change high and color for division with class high when mouse is out the division
$(“.high”).mouseout( function () {
var bckl= $(this).css(“backgroundColor”);
var hex = eval(bckl);
bckl= sumhex(hex,33).toString(16);
$(this).height(70).css(“backgroundColor”, bckl);
});</script>
</body>
</html>
Posted in Javascript,Jquery
3 Comments
Installing JQUERY
To use Jquery is pretty simple, you need to do 2 things
1. Insert Jquery in your page
2.Start to using their class, Using HTML class and some JavaScript code
HOW TO INSERT JQUERY IN MY OWN PAGE
There is 2 ways
1. Download JQUERY from http://blog.jquery.com/2010/02/19/jquery-142-released/ in this place there is 2 file
1.1 minified this mean hat the JavaScript field is like spaghetti , you can not understand anything but is working , this is recommend to live environment.
1.2 Regular this is for development environment, if you open this file you can read the code, may be you do do not understand some code but YOU CAN READ IT.
Once you choose the file you include this HTML instruction in your file
<script type=”text/javascript” src=”your path/jquery-1.4.2.min.js”></script>
In case your select the minified version or
<script type=”text/javascript” src=”your path/jquery-1.4.2.js”></script>
In case your select no minified version
This line should go in the between <head></head> division of your HTML /php or whatever file.
2. To make a link to some place where somebody host a jquery version like Google or jquery itself the link can go
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.4.2.min.js”></script>
Or if you consider yourslef a advance developer you can try
http://code.google.com/apis/ajaxlibs/documentation/
Where you can find most of the Javascript last tools.
Be aware the most of the CMS or blog software bring his own way to include Jquery in their environment, look in this site how to insert jquery in Dupal , WordPress, Joomla
Posted in Javascript,Jquery
Leave a comment