wp7 how do i hide or remove header div for web page

Question

I am developing simple app and i want lode and display the web page on image tap but i don't want to display header div content that contains menu, logo image.

for that am able to call and display the web page using web browser control on

my C# code id

private void image_Tap(object sender, GestureEventArgs e)
    {
        webBrowser1.Navigate(new Uri("http://www.my-url.com", UriKind.Absolute));
    }

that works fine.

and now how can i remove header tag data(content in b/w < header >< /header > divs).

thanks in advance

what kind of expected content from given url. if it's image only (jpg,png,gif) uses direct image's url instead. — aifarfa, Jan 07 '13 at 07:48

score 2 · Accepted Answer · edited May 23 '17 at 11:56

2

Web browser control simply loads the HTML document you pass to it. There is no direct way to manipulate this HTML if the document is not hosted on your own servers. A very raw approach would be to parse the HTML document and then do a Search/Replace on <header>...</header> with 
You can use WebBrowser.SaveToString method to save the HTML document source as a string. For HTML parsing in C#, I would suggest HTML Agility Pack. Also have a look at What is the best way to parse html in C#? and Parsing HTML String.

edited May 23 '17 at 11:56

Community

1
1

answered Jan 07 '13 at 07:49

prthrokz

1,120
8
16

thanks for quick replay. am new to wp7 how can i parse Html document – kartheek Jan 07 '13 at 07:55
Edited original answer to include the solution:) – prthrokz Jan 07 '13 at 08:01
or there is any other way to this do by using java script – kartheek Jan 07 '13 at 08:05
Well I am not sure how to execute your custom JavaScript from within Windows Phone application, however you might want to look at WebBrowser.InvokeScript() method. Also have a look at http://blogs.msdn.com/b/mikeormond/archive/2010/08/26/calling-javascript-functions-in-windows-phone-7.aspx – prthrokz Jan 07 '13 at 08:09

score 1 · Answer 2 · answered Jan 07 '13 at 07:50

1

If you want to do it with JavaScript:

document.getElementsByTagName('header')[0].style.display = 'none';

answered Jan 07 '13 at 07:50

st3inn

1,556
9
17

thanks for your ans i have knowledge in JS :) but how to call this java script in my WP7 app – kartheek Jan 07 '13 at 07:59
Check their documentation. – Deepak Kamat Jan 07 '13 at 08:11

score 1 · Answer 3 · answered Jan 07 '13 at 12:10

The WebBrwoserControl in Windows Phone renders the html it gets from the URL.

You can once the HTML is rendered execute javascript code (from your c# code) that manipulates the rendered DOM/HTML - in your case remove an HTML tag. All you have to do is use InvokeScript.

Lets say you want to execute some code when pressing on a button in your Windows Phone app. The Event handler for that button click event is Button1_Click and the code to execute your code is below.

private void Button1_Click(object sender, RoutedEventArgs e)
{
    object results = WB1.InvokeScript("HideElement", new string[] { "hideElement" });
}

All you need to do now is add a function called 'HideElement' to your page, that you load from www.my-url.com and you are set. As the InvokeScript calls that function, when the button is clicked. Just to be clear: that javscript-function needs to be on the web server where your web page that you load is coming from.

wp7 how do i hide or remove header div for web page

3 Answers3

Linked