مشکل در فارسی سازی دکمه سی اس اس

d-t.c · آبان 93

با سلام,

بنده این اواخر توی فارسی سازی برخی افزونه ها مشکل پیدا کردم.

توی قسمت دکمه که در اصل چپ چین است نمیتوانم راست چینش کنم.

مثلا تصویر های زیر را ببینید.

Visual-Chat-‹-وردپرس-برای-جهان-فارسی-—-وردپرس-فارسی-2014-11-20-10-10-12.png 0

مشکل این دکمه رو توی دوتا افزونه داشنم توی یکی از اون ها این دکمه در فایل css هست که هر کار میکنم اونطور که باید در نمیاد. و فزونه دوم اینقدر پرونده هاش زیاده و منم که از جاوا اسکریپت خیلی سر در نمایرم که نتوستم کد مربوط به اون دکمه رو پیدا کنم.

فعلا کد افزونه اول اینطوری هست توی پرونده css:


#vcht_consolePanel .navbar .operatorTab .has-switch span.switch-right {
    background-color: #1ABC9C;
    color: #FFF;
            }
#vcht_consolePanel .navbar .operatorTab .has-switch label {
    border-color: #BDC3C7;
    float:right;
    }

#vcht_consolePanel .navbar .operatorTab strong {
    margin-right: 16px;
    }
#vcht_consolePanel .navbar .operatorTab .has-switch{
    top: 8px;
    margin-left: 16px;

با تشکر

imanfakhar · آبان 93

این کدتون ربطی به راست چین یا چپ چین نداره باید در جاوا اسکریپت دنبال دستور animate به left یا right باشید و جابجاشون کنید

(قانون مال رعایت کردنه چه عجله داشته باشید چه خیر من هم صرفا خواستم خیالتون رو راحت کنم که معطل این کدها نمونید و الا پاسخ دیگه ای به تایپیک نمی دم)

d-t.c · آبان 93

بله حق با شماست استاد عذر میخوام.

بنده به خاطر این اون کد رو دادم چون با تغییر اون دکمه تغییر میکرد ولی درست نمیشد. و اگه بخوام دستی توی همه ی فایل های جاوا اسکریپت بگردم پیر میشم فایل های خیلی زیادی داره.

بعدش هم من گفتم اصلا چیزی از جاوا اسکریپت بلد نیستم و برای نمونه یکی رو باز کردم اما اصلا مثل سی اس اس و اچ تی ام ال مرتب نیستند و هیچیش معلوم نیست.

فکر این این پرونده مربوط به دکمه باشه ولی هیچ رایت و لفتی توش وجود نداره


/* ============================================================
* bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
* http://www.larentis.eu/switch/
* ============================================================
* Licensed under the Apache License, Version 2.0
* http://www.apache.org/licenses/LICENSE-2.0
* ============================================================ */
!function ($) {
  "use strict";
  $.fn['bootstrapSwitch'] = function (method) {
    var methods = {
	  init: function () {
	    return this.each(function () {
		    var $element = $(this)
			  , $div
			  , $switchLeft
			  , $switchRight
			  , $label
			  , myClasses = ""
			  , classes = $element.attr('class')
			  , color
			  , moving
			  , onLabel = "ON"
			  , offLabel = "OFF"
			  , icon = false;
		    $.each(['switch-mini', 'switch-small', 'switch-large'], function (i, el) {
			  if (classes.indexOf(el) >= 0)
			    myClasses = el;
		    });
		    $element.addClass('has-switch');
		    if ($element.data('on') !== undefined)
			  color = "switch-" + $element.data('on');
		    if ($element.data('on-label') !== undefined)
			  onLabel = $element.data('on-label');
		    if ($element.data('off-label') !== undefined)
			  offLabel = $element.data('off-label');
		    if ($element.data('icon') !== undefined)
			  icon = $element.data('icon');
		    $switchLeft = $('<span>')
			  .addClass("switch-left")
			  .addClass(myClasses)
			  .addClass(color)
			  .html(onLabel);
		    color = '';
		    if ($element.data('off') !== undefined)
			  color = "switch-" + $element.data('off');
		    $switchRight = $('<span>')
			  .addClass("switch-right")
			  .addClass(myClasses)
			  .addClass(color)
			  .html(offLabel);
		    $label = $('<label>')
			  .html(" ")
			  .addClass(myClasses)
			  .attr('for', $element.find('input').attr('id'));
		    if (icon) {
			  $label.html('<i class="' + icon + '"></i>');
		    }
		    $div = $element.find(':checkbox').wrap($('<div>')).parent().data('animated', false);
		    if ($element.data('animated') !== false)
			  $div.addClass('switch-animate').data('animated', true);
		    $div
			  .append($switchLeft)
			  .append($label)
			  .append($switchRight);
		    $element.find('>div').addClass(
			  $element.find('input').is(':checked') ? 'switch-on' : 'switch-off'
		    );
		    if ($element.find('input').is(':disabled'))
			  $(this).addClass('deactivate');
		    var changeStatus = function ($this) {
			  $this.siblings('label').trigger('mousedown').trigger('mouseup').trigger('click');
		    };
		    $element.on('keydown', function (e) {
			  if (e.keyCode === 32) {
			    e.stopImmediatePropagation();
			    e.preventDefault();
			    changeStatus($(e.target).find('span:first'));
			  }
		    });
		    $switchLeft.on('click', function (e) {
			  changeStatus($(this));
		    });
		    $switchRight.on('click', function (e) {
			  changeStatus($(this));
		    });
		    $element.find('input').on('change', function (e) {
			  var $this = $(this)
			    , $element = $this.parent()
			    , thisState = $this.is(':checked')
			    , state = $element.is('.switch-off');
			  e.preventDefault();
			  $element.css('left', '');
			  if (state === thisState) {
			    if (thisState)
				  $element.removeClass('switch-off').addClass('switch-on');
			    else $element.removeClass('switch-on').addClass('switch-off');
			    if ($element.data('animated') !== false)
				  $element.addClass("switch-animate");
			    $element.parent().trigger('switch-change', {'el': $this, 'value': thisState})
			  }
		    });
		    $element.find('label').on('mousedown touchstart', function (e) {
			  var $this = $(this);
			  moving = false;
			  e.preventDefault();
			  e.stopImmediatePropagation();
			  $this.closest('div').removeClass('switch-animate');
			  if ($this.closest('.has-switch').is('.deactivate'))
			    $this.unbind('click');
			  else {
			    $this.on('mousemove touchmove', function (e) {
				  var $element = $(this).closest('.switch')
				    , relativeX = (e.pageX || e.originalEvent.targetTouches[0].pageX) - $element.offset().left
				    , percent = (relativeX / $element.width()) * 100
				    , left = 25
				    , right = 75;
				  moving = true;
				  if (percent < left)
				    percent = left;
				  else if (percent > right)
				    percent = right;
				  $element.find('>div').css('left', (percent - right) + "%")
			    });
			    $this.on('click touchend', function (e) {
				  var $this = $(this)
				    , $target = $(e.target)
				    , $myCheckBox = $target.siblings('input');
				  e.stopImmediatePropagation();
				  e.preventDefault();
				  $this.unbind('mouseleave');
				  if (moving)
				    $myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25));
				  else $myCheckBox.prop("checked", !$myCheckBox.is(":checked"));
				  moving = false;
				  $myCheckBox.trigger('change');
			    });
			    $this.on('mouseleave', function (e) {
				  var $this = $(this)
				    , $myCheckBox = $this.siblings('input');
				  e.preventDefault();
				  e.stopImmediatePropagation();
				  $this.unbind('mouseleave');
				  $this.trigger('mouseup');
				  $myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25)).trigger('change');
			    });
			    $this.on('mouseup', function (e) {
				  e.stopImmediatePropagation();
				  e.preventDefault();
				  $(this).unbind('mousemove');
			    });
			  }
		    });
		  }
	    );
	  },
	  toggleActivation: function () {
	    $(this).toggleClass('deactivate');
	  },
	  isActive: function () {
	    return !$(this).hasClass('deactivate');
	  },
	  setActive: function (active) {
	    if (active)
		  $(this).removeClass('deactivate');
	    else $(this).addClass('deactivate');
	  },
	  toggleState: function (skiponchange) {
	    var $input = $(this).find('input:checkbox');
	    $input.prop('checked', !$input.is(':checked')).trigger('change', skiponchange);
	  },
	  setState: function (value, skiponchange) {
	    $(this).find('input:checkbox').prop('checked', value).trigger('change', skiponchange);
	  },
	  status: function () {
	    return $(this).find('input:checkbox').is(':checked');
	  },
	  destroy: function () {
	    var $div = $(this).find('div')
		  , $checkbox;
	    $div.find(':not(input:checkbox)').remove();
	    $checkbox = $div.children();
	    $checkbox.unwrap().unwrap();
	    $checkbox.unbind('change');
	    return $checkbox;
	  }
    };
    if (methods[method])
	  return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
    else if (typeof method === 'object' || !method)
	  return methods.init.apply(this, arguments);
    else
	  $.error('Method ' + method + ' does not exist!');
  };
}(window.jQuery);

ویرایش شده آبان 93 توسط وردپرس برای جهان فارسی

ghoo · آبان 93

از این کد استفاده کنید:

/* ============================================================

* bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru

* http://www.larentis.eu/switch/

* ============================================================

* Licensed under the Apache License, Version 2.0

* http://www.apache.org/licenses/LICENSE-2.0

* ============================================================ */

!function ($) {

"use strict";

$.fn['bootstrapSwitch'] = function (method) {

var methods = {

init: function () {

return this.each(function () {

var $element = $(this)

, $div

, $switchLeft

, $switchRight

, $label

, myClasses = ""

, classes = $element.attr('class')

, color

, moving

, onLabel = "ON"

, offLabel = "OFF"

, icon = false;

$.each(['switch-mini', 'switch-small', 'switch-large'], function (i, el) {

if (classes.indexOf(el) >= 0)

myClasses = el;

});

$element.addClass('has-switch');

if ($element.data('on') !== undefined)

color = "switch-" + $element.data('on');

if ($element.data('on-label') !== undefined)

onLabel = $element.data('on-label');

if ($element.data('off-label') !== undefined)

offLabel = $element.data('off-label');

if ($element.data('icon') !== undefined)

icon = $element.data('icon');

$switchLeft = $('<span>')

.addClass("switch-right")

.addClass(myClasses)

.addClass(color)

.html(onLabel);

color = '';

if ($element.data('off') !== undefined)

color = "switch-" + $element.data('off');

$switchRight = $('<span>')

.addClass("switch-left")

.addClass(myClasses)

.addClass(color)

.html(offLabel);

$label = $('<label>')

.html(" ")

.addClass(myClasses)

.attr('for', $element.find('input').attr('id'));

if (icon) {

$label.html('<i class="' + icon + '"></i>');

}

$div = $element.find(':checkbox').wrap($('<div>')).parent().data('animated', false);

if ($element.data('animated') !== false)

$div.addClass('switch-animate').data('animated', true);

$div

.append($switchLeft)

.append($label)

.append($switchRight);

$element.find('>div').addClass(

$element.find('input').is(':checked') ? 'switch-on' : 'switch-off'

);

if ($element.find('input').is(':disabled'))

$(this).addClass('deactivate');

var changeStatus = function ($this) {

$this.siblings('label').trigger('mousedown').trigger('mouseup').trigger('click');

};

$element.on('keydown', function (e) {

if (e.keyCode === 32) {

e.stopImmediatePropagation();

e.preventDefault();

changeStatus($(e.target).find('span:first'));

}

});

$switchLeft.on('click', function (e) {

changeStatus($(this));

});

$switchRight.on('click', function (e) {

changeStatus($(this));

});

$element.find('input').on('change', function (e) {

var $this = $(this)

, $element = $this.parent()

, thisState = $this.is(':checked')

, state = $element.is('.switch-off');

e.preventDefault();

$element.css('left', '');

if (state === thisState) {

if (thisState)

$element.removeClass('switch-off').addClass('switch-on');

else $element.removeClass('switch-on').addClass('switch-off');

if ($element.data('animated') !== false)

$element.addClass("switch-animate");

$element.parent().trigger('switch-change', {'el': $this, 'value': thisState})

}

});

$element.find('label').on('mousedown touchstart', function (e) {

var $this = $(this);

moving = false;

e.preventDefault();

e.stopImmediatePropagation();

$this.closest('div').removeClass('switch-animate');

if ($this.closest('.has-switch').is('.deactivate'))

$this.unbind('click');

else {

$this.on('mousemove touchmove', function (e) {

var $element = $(this).closest('.switch')

, relativeX = (e.pageX || e.originalEvent.targetTouches[0].pageX) - $element.offset().left

, percent = (relativeX / $element.width()) * 100

, left = 25

, right = 75;

moving = true;

if (percent < left)

percent = left;

else if (percent > right)

percent = right;

$element.find('>div').css('left', (percent - right) + "%")

});

$this.on('click touchend', function (e) {

var $this = $(this)

, $target = $(e.target)

, $myCheckBox = $target.siblings('input');

e.stopImmediatePropagation();

e.preventDefault();

$this.unbind('mouseleave');

if (moving)

$myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25));

else $myCheckBox.prop("checked", !$myCheckBox.is(":checked"));

moving = false;

$myCheckBox.trigger('change');

});

$this.on('mouseleave', function (e) {

var $this = $(this)

, $myCheckBox = $this.siblings('input');

e.preventDefault();

e.stopImmediatePropagation();

$this.unbind('mouseleave');

$this.trigger('mouseup');

$myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25)).trigger('change');

});

$this.on('mouseup', function (e) {

e.stopImmediatePropagation();

e.preventDefault();

$(this).unbind('mousemove');

});

}

});

}

);

},

toggleActivation: function () {

$(this).toggleClass('deactivate');

},

isActive: function () {

return !$(this).hasClass('deactivate');

},

setActive: function (active) {

if (active)

$(this).removeClass('deactivate');

else $(this).addClass('deactivate');

},

toggleState: function (skiponchange) {

var $input = $(this).find('input:checkbox');

$input.prop('checked', !$input.is(':checked')).trigger('change', skiponchange);

},

setState: function (value, skiponchange) {

$(this).find('input:checkbox').prop('checked', value).trigger('change', skiponchange);

},

status: function () {

return $(this).find('input:checkbox').is(':checked');

},

destroy: function () {

var $div = $(this).find('div')

, $checkbox;

$div.find(':not(input:checkbox)').remove();

$checkbox = $div.children();

$checkbox.unwrap().unwrap();

$checkbox.unbind('change');

return $checkbox;

}

};

if (methods[method])

return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));

else if (typeof method === 'object' || !method)

return methods.init.apply(this, arguments);

else

$.error('Method ' + method + ' does not exist!');

};

}(window.jQuery);

ویرایش شده آبان 93 توسط ghoo

d-t.c · آبان 93

این کدی رو که دادی جای کد قبلی جاگذین کردم ولی کاملا دکمه ریخت به هم و محو شد و به جای اون یک تیک باکس اومد .

d-t.c · آبان 93

راهی هست که به جای گشتن توی همه ی پرونده ها پرونده مربوط به یک بخش خاص از افزونه رو یافت؟یا مثلا در قالب؟

مثلا یافتن جای اون دکمه در کدام پرونده از افزونه است؟

majid1889 · آبان 93

اگه آدرس آنلاین بدید فک کنم بشه درستش کرد !

d-t.c · آبان 93

حقیقتا من رو لوکال دارم تست میکنم ولی اگه اجباری صبر کنید اپلودش کنم

d-t.c · آبان 93

حتما بایدآنلاین قرار بدم؟

هیچ راه دیگه ای نداره؟

SM-Mahdavi · آبان 93

آنلاین باشه راحتر میشه مشکل رو حل کرد

d-t.c · آبان 93

اطلاعات ورود به کاربران ارسال شد

ورود

مشکل در فارسی سازی دکمه سی اس اس

پست های پیشنهاد شده

d-t.c 285

لینک به ارسال

imanfakhar 26231

لینک به ارسال

d-t.c 285

لینک به ارسال

ghoo 8

لینک به ارسال

d-t.c 285

لینک به ارسال

d-t.c 285

لینک به ارسال

majid1889 733

لینک به ارسال

d-t.c 285

لینک به ارسال

d-t.c 285

لینک به ارسال

SM-Mahdavi 5427

لینک به ارسال

d-t.c 285

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها