Diferencia entre revisiones de «Widget:Font»
imported>Test12345 Sin resumen de edición |
imported>Test12345 Sin resumen de edición |
||
(No se muestran 43 ediciones intermedias del mismo usuario) | |||
Línea 24: | Línea 24: | ||
maximum : 9999, | maximum : 9999, | ||
minimum : 1, | minimum : 1, | ||
maxFont : | maxFont : 35, | ||
minFont : 1, | minFont : 1, | ||
fontRatio : | fontRatio : 55 | ||
}, options), | }, options), | ||
Línea 92: | Línea 92: | ||
splitContent = _splitWords(contents[c].textContent || contents[c].toString()); | splitContent = _splitWords(contents[c].textContent || contents[c].toString()); | ||
} else { | } else { | ||
var tag = $(contents[c]).clone(); | var tag = $(contents[c]).clone(); splitContent = _splitHtmlWords(tag.contents()); for (var tagless in splitContent) {tag.empty(); splitContent[tagless] = tag.html(splitContent[tagless]).wrap('<p></p>').parent().html();}} for (var word in splitContent) {words.push(splitContent[word]); } } return words; }; function _splitWords(text) { | ||
return text.split(/\s+/); } | |||
function _markupContent(tag, html) { | |||
return text.split(/\s+/); | |||
// wrap in a temp div so .html() gives us the tags we specify | // wrap in a temp div so .html() gives us the tags we specify | ||
tag = '<div>' + tag; | tag = '<div>' + tag; | ||
Línea 187: | Línea 160: | ||
})(jQuery); | })(jQuery); | ||
var originalHTML = $('#dynamicFont').html(); | |||
$(document).ready(function(){ | |||
var originalHTML = $('#dynamicFont').html(); | |||
resultHTML = originalHTML | resultHTML = originalHTML | ||
.replace(/<p>/g, ' ') | .replace(/<p>/g, ' ') | ||
Línea 195: | Línea 171: | ||
$('#dynamicFont').splitLines({ tag: '<span class="dynamicFontLine">', width: | $('#dynamicFont').splitLines({ tag: '<span class="dynamicFontLine">', width: (($('#dynamicFont').outerWidth())-100), keepHtml: true}); | ||
$('.dynamicFontClass').splitLines({ tag: '<span class="dynamicFontLine">', width: | $('.dynamicFontClass').splitLines({ tag: '<span class="dynamicFontLine">', width: (($('#dynamicFont').outerWidth())-100), keepHtml: true}); | ||
Línea 207: | Línea 183: | ||
}); | }); | ||
$('.show').first().hide(); | |||
$('.show').last().hide(); | |||
$( | $(".hide").first().click(function(){ | ||
$(" | $("span.dynamicFontLineWordsNumber").hide(); | ||
$("span.dynamicFontLineWordsNumber"). | $('.hide').first().hide(); | ||
$(' | $('.show').first().show(); | ||
$('.hide').last().hide(); | |||
$('.show').last().show(); | |||
}); | }); | ||
}); | $(".hide").last().click(function(){ | ||
$("span.dynamicFontLineWordsNumber").hide(); | |||
$('.hide').first().hide(); | |||
</script> | $('.show').first().show(); | ||
$('.hide').last().hide(); | |||
$('.show').last().show(); | |||
}); | |||
$(".show").first().click(function(){ | |||
$("span.dynamicFontLineWordsNumber").show(); | |||
$('.hide').first().show(); | |||
$('.show').first().hide(); | |||
$('.hide').last().show(); | |||
$('.show').last().hide(); | |||
}); | |||
$(".show").last().click(function(){ | |||
$("span.dynamicFontLineWordsNumber").show(); | |||
$('.hide').first().show(); | |||
$('.show').first().hide(); | |||
$('.hide').last().show(); | |||
$('.show').last().hide(); | |||
}); | |||
});</script> | |||
<style> | <style> | ||
/* | |||
#content{ | #content{ | ||
padding-left:1.5cm!important; | padding-left:1.5cm!important; | ||
Línea 224: | Línea 221: | ||
font-family: Sans-Serif!important; | font-family: Sans-Serif!important; | ||
} | } | ||
*/ | |||
#mw-content-text h1, #mw-content-text h2, #mw-content-text h3,#mw-content-text h4,#mw-content-text h5,#mw-content-text h6,#mw-content-text p { | #mw-content-text h1, #mw-content-text h2, #mw-content-text h3,#mw-content-text h4,#mw-content-text h5,#mw-content-text h6,#mw-content-text p { | ||
line-height: 1.45; | line-height: 1.45; | ||
Línea 234: | Línea 228: | ||
/*border:1px solid red;*/ | /*border:1px solid red;*/ | ||
display:block; | display:block; | ||
width:820px; | /*width:820px;*/ | ||
font-family: Sans-Serif!important; | font-family: Sans-Serif!important; | ||
} | } | ||
Línea 242: | Línea 236: | ||
} | } | ||
</style> | </style> | ||